VUE.JS 元素汇总 & 实例

VUE.JS 元素

元素	作用	举例
{{…}}（双大括号）	插入文本值	<p>{{ message }}</p>
v-html	输出 html 代码	<div v-html=“message”></div>
v-bind	动态决定属性值	<div v-bind:class=“{‘class1’: use}”>
v-model	用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定	<input v-model=“message”>
v-bind缩写	Vue.js 为两个最为常用的指令提供了特别的缩写	<a v-bind:href=“url”> = <a :href=“url”>
v-on缩写	Vue.js 为两个最为常用的指令提供了特别的缩写	<a v-on:href=“url”> = <a :href=“url”>
过滤器	使用过滤器，函数接受表达式的值作为第一个参数。message 作为参数传给fileterA和fileterB	{{ message | filterA | filterB }} ， {{ message | filterA(‘arg1’, arg2) }}