本文共 1606 字,大约阅读时间需要 5 分钟。
background-color : blue ; <!-- vue的某些指令 可以使用指令修饰符,从而实现不同的指令效果 --> <!--v-model指令的 .number修饰符用于设置绑定的数据为number类型 --> <input type = "text" v-model . number = "num" > <!--v-model指令的 .lazy修饰符,用于设置绑定在blur事件中而不是默认的input事件。 --> <input type = "text" v-model . lazy = "d1" > <!--v-model指令的 .trim修饰符,用于将输入框中的内容trim(去除两端空格)之后再绑定--> <input type = "text" v-model . trim = "d2" > <span style = "background-color:rgb(173, 119, 119)" > { {d2}} </span> <p style = "background-color:rgb(173, 119, 119)" > { {d2}} </p> <!-- v-on指令监听的键盘事件,可以使用键名或者keycode作为修饰符,那么仅当这个键被按下才会触发事件 --> <!-- <input type="text" v-model="d3" @keypress.13="keypress"> --> <input type = "text" v-model = "d3" @ keypress . enter = "keypress" > <!-- v-on 指令的.prevent 修饰符,用于阻止事件的默认行为--> <!-- .stop修饰符,阻止事件的迹象传播。 --> <a href = "" @ click . prevent = "" > 这是一个按钮 </a> <div id = "box1" @ click . self = "blueClick" > <div id = "box2" @ click . stop = "redClick" > <!-- <div id="box2" @click.stop="redClick"> --> <script src = "vue.js" > < /script> console . log ( e . keyCode ) console . log ( "蓝色点击了" ) console . log ( "红色点击了" ) 转载地址:http://ggcio.baihongyu.com/