摘要：
VUE课程参考 8、事件修饰符 一、总结 一句话总结： vue中可以可以用事件修饰符来做我们事件操作中常用的阻止默认事件（event.preventDefault()）或者阻止事件冒泡（event.stopPropagation()）等事件操作 vue中常用的事件修饰符有.stop（阻止冒泡）、.p 阅读全文
posted @ 2020-05-09 05:03
范仁义
阅读(285)
评论(0)
推荐(1)
摘要：
VUE课程参考 9、双向数据绑定v-model 一、总结 一句话总结： vue中，v-model指令可以做双向绑定，也就是M（model）到V（view）的双向绑定 <div id="app"> <p>{{msg}}</p> <!--vue中，v-model指令可以做双向绑定，也就是M（model） 阅读全文
posted @ 2020-05-09 05:03
范仁义
阅读(159)
评论(0)
推荐(0)
摘要：
VUE课程参考 10、使用v-model实现简单计算器 一、总结 一句话总结： 使用v-model实现简单计算器也就是v-model做双向数据绑定，交互多的页面用vue做双向数据绑定会比较方便 <div id="app"> <input type="text" v-model="n1" @chang 阅读全文
posted @ 2020-05-09 05:03
范仁义
阅读(348)
评论(0)
推荐(0)
摘要：
VUE课程参考 7、跑马灯效果 一、总结 一句话总结： 跑马灯的效果也就是不断的将字符串的最后一个字符移动到字符串最前面，涉及到的知识点也就是定时器、字符串拼接、vue事件绑定等等 <div id="app"> <p>{{msg}}</p> <div> <button @click="lang">浪 阅读全文
posted @ 2020-05-09 05:02
范仁义
阅读(361)
评论(0)
推荐(0)
摘要：
VUE课程 9、事件绑定v-on 一、总结 一句话总结： vue模板中可以通过v-on来绑定事件，比如click点击事件等等，事件要使用的方法可以定义在vue对象的配置对象的methods属性中 <div id="app"> <button v-on:click="show">点我有惊喜</butt 阅读全文
posted @ 2020-05-09 03:28
范仁义
阅读(334)
评论(0)
推荐(0)
摘要：
VUE课程 8、属性绑定v-bind 一、总结 一句话总结： v-bind是vue中绑定属性的指令，可以将标签里面的属性绑定vue里面的数据，v-bind: 指令可以被简写为 :要绑定的属性 <div id="app"> <p v-bind:title="myTitle">{{msg}}</p> < 阅读全文
posted @ 2020-05-09 01:32
范仁义
阅读(391)
评论(0)
推荐(0)
浙公网安备 33010602011771号