vue的指令与过滤器

指令

指令是 vue 微开发者提供的 模板语法，用于辅助开发者渲染页面的基本结构

vue 中的指令按照不同的用途可以分为如下 6 大类：

1、 内容渲染指令

内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容。常用的内容渲染指令有如下 3 个：

v-text

v-text 指令会覆盖元素内默认的值。

{ {}}

插值表达式只能用在元素的内容节点中，不能用在元素的属性节点中

v-html

v-text 指令和插值表达式只能渲染纯文本内容。如果要把包含 HTML 标签的字符串渲染为页面的 HTML 元素，
则需要用到 v-html 这个指令

2、 属性绑定指令

v-bind

如果需要为元素的属性动态绑定属性值，则需要用到 v-bind 属性绑定指令

3、事件绑定指令

v-on

① vue 提供了 v-on 事件绑定指令，用来辅助程序员为 DOM 元素绑定事件监听，通过 v-on 绑定的事件处理函数，需要在 methods 节点中进行声明
② 在原生的 DOM 事件绑定中，可以在事件处理函数的形参处，接收事件参数对象 event。同理，在 v-on 指令
（简写为 @ ）所绑定的事件处理函数中，同样可以接收到事件参数对象 event
③ 在使用 v-on 指令绑定事件时，可以使用 ( ) 进行传参
④ e v e n t 是 v u e 提 供 的 特 殊 变 量 ， 用 来 表 示 原 生 的 事 件 参 数 对 象 e v e n t 。 event 是 vue 提供的特殊变量，用来表示原生的事件参数对象 event。