vue的常识

1、el：div id或class
2、data：定义数据 是一个对象
3、methods：定义方法
4、v-model： 双向绑定实际上就是通过子组件中的方法派发 input 事件，子组件中绑定 input 的
value 属性
5、v-on:click：绑定点击事件，也可以用@click，写在methods里面。
6、v-for：（a，b）in list ：key=“b”a为循环的每一个对象，b为每一个对象的下标，list是要循环的
整个数据，：为绑定事件，key是给每个对象加一个标识id 不然容易乱，写在data里面。
7、filters：过滤器，里面可以写函数，格式为：
upp:function(i){return i.toUpperCase()
},

绑定格式是：用 | 隔开

{{msg | upp | add}}

8、computed：计算属性 用来监控自己定义的变量，该变量不在data里面声明，直接在computed里
面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理。
可以有get和set两个属性。 set也可以传值。
9、current：表示当前显示元素。例为：
<a @click=“current=‘home’” href=“javascript:void(0)”>首页
data：{
current：home
}

10、：表示对组件进行缓存，当组件位于这个keep-alive标签内时 组件将
不被销毁。
11、：默认插槽，占位符。
：具名插槽，<template #h>可以出现在相对应插槽的位置
12、watch：监听当前值的改变。count(v){
console.log(v)
}
和计算属性比watch监听没有缓存。
13、template：表示组件展示时候页面中使用的html。在组件中展示时 data表示组件中的数据，必须是一个方法，这个方法有返回值。每一个组件只能有一个根节点。
14、components：注册组件，可以注册多个，写在vue中。
let hlist = {
template:

你好 {{msg}}

李雷雷

,
data:function(){
return {msg:“韩梅梅”}
}
}
new Vue({
el:’#box’,
components:{
hlist:hlist
}
})

15、props：父组件通过props向子组件传参。用[’’]。
16、：style=’’：动态样式绑定。样式写在data里面。
17、ref：表示引用可以在js中通过this.$refs获取当前组件中所有设置了ref属性的标签。

console.log(this.$refs.t.$el)
通过属性$el可以获取整个标签的html样式。