谷粒商城《五》Vue基本语法

MVVM：把View和Model通过ViewModel绑定起来，也就是当Model有数据改动时会通过ViewModel设置到界面中，View有表单改动时，就通过ViewModel设置到Model中。

1. {{}}：表达式取值，会将内容原样输出
   v-html：可以解析里面的html标签
   v-text：将文本原样输出
   区别是插值表达式{{}}可能在网络延迟的情况下会出现插值闪烁，也就是还没引入vue的时候，把插值表达式显示出来了，等引入vue之后才显示数据。
2. v-for：循环
   语法：v-for=“(v,k,i) in objectArray”
   v：值
   k：键
   i：索引
   一般在后加 :key，可以加快渲染速度。
3. v-bind：绑定
   v-bind:href v-bind:class，绑定之后属性值不再是字符串而是变量。可以写成:class
4. v-model：双向数据绑定，只能用在input/select/textarea这三个标签上
5. v-on：添加事件，如v-on:click，也可以写成@click
6. 组件开发
   全局组件：Vue.component(‘组件名’,{
   template:“模板代码”
   })
   局部组件：
   const 组件名 = { template:“”}
   new Vue({
   el:“#app”,
   components:{
   组件名：组件名
   }
   })
7. 计算属性和侦听器
   如果遇到需要实时计算的和实时监听。
   
8. 钩子函数
   create：beforeCreate数据模型还未加载，create数据模型已加载
   mount：beforeMount html模板未渲染，mount模板已渲染
   update：beforeUpdate html模板未更新，update html模板已更新
   destroy：beforeDestroy和destroyed
9. var let const
   let有严格的作用域，局部变量里定义只能在局部变量里使用，而var可以在外部使用，let定义的变量不能二次定义，而var可以。const定义的是常量，也就是不能再修改了。