vue2.0模板语法

***插值

#文本 数据绑定最常见的形式就是双大括号的形式&＃xff1a;

***表达式

可以在指令及{{}}中使用表达式&＃xff0c;事实上&＃xff0c;常量或变量的名称就是最简单的表达式。Vue可以通过是否带引号来判断一个表达式是一个变量还是一个常量字符串。所以在以后的内容里&＃xff0c;指令及{{}}中的内容会被成为表达式{{message}}{{number &＃43; 1}}{{ok ? &＃39;yes&＃39; : &＃39;no&＃39;}}{{ message.split(&＃39;&＃39;).reverse().join(&＃39;&＃39;) }}

***过滤器

{{message | capitalize}}&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;》Vue.js的内置过滤器&＃xff0c;作用是似的message中的值首字母大写。另外&＃xff0c;你也可以自定义过滤器&＃xff1a;new Vue({//......filters:{ling:function(value){return &＃39;ling is a pretty girl&＃xff01;I want to say:&＃39; &＃43; value}}})过滤器可以串联&＃xff0c;也可以接受参数。在接受参数时&＃xff0c;第一个参数默认是前面返回的字符串&＃xff0c;第二个参数开始是用户传递的参数&＃xff0c;注意如果参数是字符串要加引号。如&＃xff1a;{{message | filterA | filterB(&＃39;string&＃39;, somevar)}}

***指令

指令&＃xff08;Directives&＃xff09;是带有 v- 前缀的特殊属性。1&＃xff1a;循环v-for&＃xff1a;

2&＃xff1a;v-on&＃xff1a;

3:on-bind&＃xff1a;

v-on用于指定事件&＃xff0c;而v-bind用于绑定属性&＃xff0c;由于它们非常常见&＃xff0c;所以Vue.js为它们提供看缩写的形式&＃xff1a;

say为事件的触发函数&＃xff0c;写在methods属性中。