Vue基础之Vue模板语法

插值：

文本：

数据绑定最常见的形式就是使用 “Mustache” 语法（双大括号）的文本插值，双大括号会将数据解析成纯文本

Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新

纯HTML:

双大括号会将数据解释为纯文本，而非 HTML 。为了输出真正的 HTML ，你需要使用 v-html 指令

被插入的内容都会被当做 HTML —— 数据绑定会被忽略

使用 JavaScript 表达式：

除了绑定简单的键值，Vue.js 都提供了完全的 JavaScript 表达式支持

这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是，每个绑定都只能包含单个表达式，所以下面的例子都不会生效

过滤器：

Vue.js 允许你自定义过滤器，来实现一些常见的文本格式化功能。过滤器应该被添加在 mustache 插值的尾部，由“管道符”标识出来

过滤器可以串联

过滤器是 JavaScript 函数，因此可以接受参数

指令：

指令（Directives）是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式（除了 v-for，之后再讨论）。指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上

参数：

一些指令能接受一个“参数”，在指令后以冒号指明。例如， v-bind 指令被用来响应地更新 HTML 属性

在这里 href 是参数，告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定

修饰符：

修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指定应该以特殊方式绑定

v-bind：

v-bind就是用来给属性动态绑定属性值的指令，可以是一个或多个特性，或一个组件的prop到表达式，缩写为”:”

<div v-bind:src="imageSrc"></div>就是将div的src属性动态的和imageSrc绑定在了一起

v-model:

v-model就是用来在表单控件或者组件控件上创建数据双向绑定的指令