filters 过滤器
<!-- Vue.js 允许你自定义过滤器，被用作一些常见的文本格式化。过滤器应该被添加在 mustache 插值的尾部，由“管道符”指示： -->
<pre></pre>
<!-- 过滤器可以串联 -->
<pre></pre>
<!-- 过滤器是 JavaScript 函数，因此可以接受参数： -->
<pre></pre>
<!-- 这里，字符串 'arg1' 将传给过滤器作为第二个参数， arg2 表达式的值将被求值然后传给过滤器作为第三个参数。 -->
普通js调用方式：
过滤器函数总接受表达式的值作为第一个参数。
new Vue({
// ...
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
}
})
单页面组件调用方式：
export default {
// ...
filters() {
method: function(value) {
if (!value) return ''
value = value.toString()
return value.split('').reverse().join('');
}
}
}
指令
<div v-if="seen">Hello World</div>
一些指令能接受一个“参数”，在指令后以冒号指明。
例如， v-bind 指令被用来响应地更新 HTML 属性：
<a v-bind:href="url"></a>
// 缩写
<a :href="url"></a>
另一个例子是 v-on 指令，它用于监听 DOM 事件：
<a v-on:click="doSomething">
// 缩写
<a @click="doSomething">
指令的修饰符
.prevent 可以出发事件调用 event.preventDefault()
<form v-on:submit.prevent="onSubmit"></form>
两个大括号里面可以放data里面设置的初始值，也可以shi是methods(){}函数里的方法