摘要：
v-if的特点是每次都会重新删除或创建操作 v-show的特点是每次不会进行DOM的删除和创建操作，只是切换了元素的display:none样式 <div id="app"> <input type="button" value="按钮" @click="btn"> <h1 v-if="flag"> 阅读全文
摘要：
1.迭代数组 <p v-for="(item,i) in list">id:{{item.id}} 名字：{{item.name}} 索引{{item.age}}</p> 2.迭代对象中的属性 <p v-for="(val,key,i) in userInfo">{{val}}--{{key}}-- 阅读全文
摘要：
1.直接在元素上通过:style绑定书写 <h1 :style="{color: 'red','font-size': '40px'}">这是一个h1文本</h1> 2.将样式对象定义到data中，并直接引用到:style中 data:{ style1:{color: 'red','font-siz 阅读全文
摘要：
第一种方式，直接传递一个数组，注意使用v-bind绑定 <h1 :class="['red','size'">这是一个h1文本</h1> 在代码里使用三元表达式 <h1 :class="['red','size',flag?'active':'']">这是一个h1文本</h1> 在代码里使用对象和数 阅读全文
摘要：
v-bind 只能实现数据的单项绑定，从data到view，无法实现双向绑定 v-model可以实现表单元素和model中数据的双向绑定 注意：model只能运用到表单元素中 如：input select checkbox textarea 阅读全文
摘要：
.stop阻止冒泡 .prevent阻止默认行为 .capture实现捕获触发事件的机制（从大到小） .self实现只有点击当前元素时，才能出发事件处理函数 .once只触发一次事件函数 .stop和.self的区别 .self只会阻止自己身上的冒泡行为，不会真正的阻止冒泡的行为 阅读全文
摘要：
分析： 1. 给开始按钮绑定一个点击事件 2.在按钮的事件处理函数中，写相关的业务代码 3.拿到msg字符串 4.调用字符串的substring来进行字符串的截取操作 5.重新赋值利用vm实例的特性来达到跑马灯效果 注意： 1.在vm实例中，如果想要获取data上的数据，或者想要调用methods中 阅读全文
