vue2

> 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第5天，点击查看活动详情

监测对象 我们在前面已经了解到，vue监测对象是使用Object.defineProperty()来进行数据劫持的，这样就给数据添加了一个代理，每次对象的属性被修改时就会调用setter, 对象的属性

自定义过滤器 过滤器是用来过滤数据的，一般用在模板中，主要是两个地方：插值语法中和v-bind表达式中。 自定义过滤器根据局部和全局可以分为局部过滤器和全局过滤器 1. 全局过滤器 全局过滤器定义好后

class绑定 class绑定的样式很简单，只需要使用v-bind即可。 上面这种是class绑定的基本用法，其中:class的属性值可以是很多种形式，比如：字符串， 数组， 对象。 1. 字符串用法

条件渲染 条件渲染，顾名思义，就是根据特定条件渲染内容。在使用条件渲染的时候，我们一般都会使用到两类指令：v-if和v-show v-if指令 v-if指令的意思就是说当指令的表示式返回的是true，

表单元素收集 下面我们以一个例子为例，先写一个form表单。代码如下： v-model在内部为不同的输入元素使用不同的property并抛出不同的事件。 下面我们来看一下每一部分是怎么绑定的。 1.

安装 在创建vue项目之前，我们需要安装一些环境，比如：node, vue脚手架， npm等 1. 安装node 去官网下载：https://nodejs.org/en/ 下载最近版本，直接在首页下载

事件处理 1. 监听 在vue中事件监听是通过v-on指令去监听的，并在触发的时候运行一些JavaScript代码。即v-on:后面加事件类型 v-on指令也可以简写成@符 2. 事件处理方法 2.1

模板 模板其实就是vue里面的View, 也就是视图。可以理解成被vue实际控制的页面片段。在vue中渲染流程其实就是将模板转成虚拟DOM，然后再转成实际DOM的过程，而将模板转成虚拟DOM的过程其实

> 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情

监听属性 监听属性也叫侦听属性，是可以直接监听数据的，即可以监听基本类型变量，也可以监听对象属性。 1. 基本用法 这时只要一输入值就能监听到firstName的变化 2. 即时监听 在有的应用场景中