Vue的初识

 Vue的代码结构

1.先引入Vue的js

2.写视图层

3.实例化Vue（

 const app = new Vue({

        el:'#app',

        data:{

            msg:'sss'

        },

        methods:{

        },

    })

）

插值表达式直接在div里面写两个{}就可以

v-cloak（防止闪烁）（直接写在标签里面）

在style里面写<style>[v-cloak]{display:none}</style>

v-text v-html(两个都会替换掉元素里的内容但v-text不会解析富文本而v-html会)

v-bind（界面内的元素属性值的绑定）（简写：）

v-on（事件绑定）（简写@）

v-model（数据双向绑定）

v-for（循环）（可以遍历数组，对象和数字）

：key（

1. key在使用v-for的时候都需要去设置key
2. key只能是字符串或者数字
3. key必须是唯一的

）

v-if v-show（都是设置元素的显示与隐藏不过v-if是通过删除dom元素来实现 v-show是通过设置display:none来实现的）