テンプレート構文

補間:テキスト、純html、プロパティ、js式

指令:パラメータ、修飾子

Filter:フィルタ、フィルタ関数

略称:v-bind,v-on

補間
テキスト:mustache構文=>プレーンテキスト

Message: {{ msg }} 
This will never change: {{ msg }}

HTML:v-html命令XSS攻撃

属性：v-bind 指令

Button

javascript表达式：

这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析

{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}

指令 Directives

v-xxx 属性

Now you see me

パラメータぱらめーた:半角コロン(:)を使用して1つのパラメータのみを指定するには

修飾子Modifiersは半角句点(.)を使用します.に指図を

Filter

格式化文本 (更复杂的数据变换，你应该使用计算属性)
用在 mustache表达式 或者 v-bind中，表达式后面
用 pipe | 分割

{{ message | capitalize }}

过滤器函数
总接受表达式的值作为第一个参数
可以接受其他参数

filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}
{{ message | filterA('arg1', arg2) }}

略語
v-bind

v-on