vue

指令： v-for 循环数组和对象的 数组：

<ul>
    <li v-for="item in arr"></li>
</ul>

数组：

    <ul>
        <li v-for="(value ,key) in list"></li>
    </ul>

v-model绑定在表单元素。 v-bind绑定属性 v-bind：class 简写成 ：class v-show 是否展示出来 v-on:绑定事件

v-show与v-if的区别：

v-show会生成html 结构，隐藏或者显示。

v-if 如果不满足条件，不会生成html结构

追加数组的值：this.arr.push

修改数组的值：

Vue.set（三个参数）

第一个：要修改哪个数组

第二个：修改的索引下标

第三个：修改的内容

Vue.set(this.arr,0,4)

v-html与v-text区别：

v-text当做内容插入，当做普通文本插入页面。

v-html可以解析成html代码

绑定事件：

  <button v-on:click="add"></button>

绑定了一个点击事件，然后方法名为add，要在mehtods里写add这个方法

     methods: {
        add(){
          console.log("hello");
        }

computed 是个属性，与data同级，它与方法区别是，方法调用一次就会执行一次，属性执行过一次之后，结果会缓存，再次调用就不会执行了。

生命周期：

beforeCreate()实例创建之前

created()实例创建成功，可以获取到data ,el是 undefined

beforeMount()元素已经挂载上了,但是内容还没有填充进去,会有一个占位

mounted()模版中的 data 数据获取到了

beforeUpdate()数据更改之前，虚拟dom里的内容会更新，真实dom里不会更新

updated()数据更改完成 虚拟dom里的内容会更新，真实dom里也会更新

beforeDestroy() 在 vue 实例销毁之前调用

destroyed() 在 vue 实例销毁之后调用，vue 实例指示的所有东西都会解绑定

组件： 标签template 模板，看作容器，但是不会渲染出来 全局组件，在vue实例化对象之前写。

Vue.comonent("字符串"{
    对象，配置组件的模板内容
})

局部组件：也是一个属性，与data同级, 在子组件通过prop属性接收父组件的传参，是一个array

        conpotent:{
            "字符串"：{
                template:""
                prop:[""]
            }
        }