【无标题】

Vue的代码结构

1.引入Vue.js

2.写视图层,也就是我们要展示的内容

3.实例化Vue（

 const  app = new Vue（）
        el:'#app',   // 控制在那个试图

        data：  // 存放的数据

        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（

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

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