VUE记录

v-bind: 绑定属性 指令可以简写为 :
v-bind:中可以写合法的js表达式

v-on: 绑定事件机制 指令可以简写为@
vue中可以使用methods定义方法 ： methods属性定义了当前vue实力所有可用的方法
click、mouseover、等事件都可以被定义

跑马灯效果 html
分析： 给开始按钮帮i当一个点击事件 @
在按钮的事件处理函数中，写相关的代码逻辑： 拿到msg字符串，然后调用字符串的substring来进行字符串的截取操作，放到最后一个位置即可。
为了实现点击下按钮，需要把方法发给到一个定时器中去

在vm实例中，如果想要获取打他上的数据或想要调用methods中的方法，必须通过 this.属性名 或 this.方法名 来进行获取。
VM实例回监听自己身上所有数据的改变，只要数据一改变，就会同步到页面上。

=> 函数，解决this指向问题。可以在函数中直接使用this，而不用 var _this = this 来表示

阻止事件
使用 .stop事件阻止冒泡事件
使用 .prevent事件阻止默认事件
使用 .captura事件实现捕获触发事件的机制
使用 .self事件实现只有点击当前元素的时候，才会触发事件处理函数
使用 .once事件只触发一次事件处理函数
.stop 和 .self 的区别
.self只会阻止自己身上的冒泡行为的触发，不会阻止真正的冒泡事件

实现双向数据绑定
v-bind 只能实现数据的单向绑定，从M 自动绑定到V，无法实现数据的双向绑定
v-model 只能运用在表单元素中：input（radio、text、address、Email…）、select、checkbox、textarea
eval函数对字符串进行解析执行

class样式中直接使用传递的数组，class使用v-bind进行绑定

v-for指令
迭代数组、迭代对象、
在遍历对象身上的键值对的时候，还有一个索引值，索引值是从0开始的
如果使用v-for迭代数字的话，前面的count值从1开始的
v-for循环的时候，key属性只能使用number获取string
key在使用的时候，ixu使用v-bind属性绑定的形式，指定key的值
在组件中使用v-for循环的时候，或者在一些特殊情况中，如果v-for有问题
必须在使用v-for的同事，指定唯一的字符串/数字类型 :key 值

v-if、v-show的使用
v-if的特点每次都会重新删除和创建操作，有较高的切换性能消耗
v-show的特点每次不会重新，知识切换了元素的display:none 样式，有较高的初始渲染消耗

如果元素涉及到频繁的切换，最好不要使用v-if，而是使用v-show
如果元素可能永远也不会被显示出来被用户看到，则推荐使用v-if

在vue中使用事件绑定机制，为元素指定处理函数的时候，加不加括弧的区别是 能否给函数传参

删除方法：
如何根据id，找到要删除这一项的索引，找到索引直接俄调用数组的splice方法。
this.list.some((item, i) => {
if(item.id = id){
this.list.splice(i);
return true;
}
});

this.list.findIndex(item => {
if(item.id == id){
return true;
}
})

vue-devtools谷歌插件

用来进行关键字查询
item.name.indexOf(keywords) ！= -1 //说明name中含有这个key值
空字符串返回的是0