Vue的基本使用

Vue的基本使用

插值表达式：{{ }}。

作用：将数据填充到HTML标签中。

插值表达式支持基本的计算操作

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：

    
第一次学习：{{ msg }}
    
    
    


// 浏览器显示结果如下：

差值表达式将会被替代为对应数据对象上 msg property 的值。无论何时，绑定的数据对象上 msg property 发生了改变，插值处的内容都会更新。

通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定：

// 正常情况下，当数据改变时，插值处的内容会更新。
第一次学习：{{ msg }}

// 通过使用 v-once 指令，执行一次性地插值，当数据改变时，插值处的内容不会更新。
第一次学习：{{ msg }}

Vue代码运行原理分析：（vue语法-->原生语法）

简单点说就是vue代码会经过vue.js编译转换成原生js代码，从而呈现在浏览器当中。