vue入门（01）

一、VUE初体验

const  定义常量  let 定义变量能够改变

列表展示：

    

        
{{item}}
    

计数器展示：

    
当前计数：{{counter}}


    +
    -

二、MVVM

 Model ：视图层

ViewModel：视图模型层

Model：数据层

三、声明周期

定义：事务从诞生到消亡的一个整个过程

 

代码规范：2空格

mustache语法  {{}}

四、常用命令

1、插值语法

v-once：只显示第一次，更改js对象值不会变，界面变也会变

v-html：能直接解析html格式的文件

v-text：接受一个string类型，和mustache比较相似，都能显示在界面中

v-pre：原封不动的显示信息，不做任何解析

v-cloak：js代码加载慢，可能会显示{{}}信息，这时候可以用此影藏它的显示

v-bind：动态绑定属性   语法糖简写为  ：

  
{{message}}

v-bind：绑定style

对象语法和数组语法

  
{{message}}

  
{{message}}

2、计算语法

  
{{getFullName()}}
  
{{fullName}}

计算属性的复杂案列：

  总价为{{totalPrice}}