前言 上一篇介绍了Vue的基本概念，这一篇介绍一下Vue的基本使用。 一、搭建一个Vue程序 1.1 搭建Vue环境 搭建Vue的开发环境总共有三种方法： 引入CDN 直接下载源码引入 从官网中下载vue.js的源码复制下来即可，然后在页面中引入 地址：https ...

开始用vue会把所有的模版上的数据都放到data属性里，或者有的时候data属性里变量多了之后觉得有些只是用一次的变量就直接写到模版里了，后来看到同组的同事在用computed属性，就又去查了一下api，发现这种情况其实最好用的就是computed。 1. computed可以保持模版的清晰 ...

一、摘要： Vuejs是一款前端MVVM框架，利用Vuejs、webpack以及周边一系列生态工具我们可以快速的构建起一个前端应用，网上对于Vue的分析大都是基于各个模块，理解起来不够顺畅，本文将从整个执行过程出发，讲一下Vuejs的核心原理。 二、版本说明： Vuejs有两种版本 ...

1.侦听属性（watch）:当有一些数据需要随着其它数据变动而变动时，用 watch 可以看出上面的代码重复性很大 2.计算属性（computed）:实时检测属性有没有发生变化，当发生变化时，相应computed的属性也会随之发生变化 代码重复性小 ...

先来看看官网的介绍: 官网介绍的很好理解了，也就是监听一个数据的变化，当该数据变化时执行我们的watch方法,watch选项是一个对象，键为需要观察的数据名，值为一个表达式(函数),还可以是一个对象，如果时对象可以包含如下几个属性: handler ...

Vue.js 计算属性是什么 一、总结 一句话总结： 模板 表达式 维护 在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑 ...

计算属性：Vue.js 模板内的表达式非常便利，但是缺点就是只能用于简单的运算，如果模板中有太多的逻辑运算会让模板不堪重负且难以维护。恰恰计算属性可以处理复杂的逻辑运算，也就是说对于任何复杂逻辑你都应当使用计算属性。 1、计算属性基础列子 输出结果： 2、计算属性 ...

计算属性是一个很邪门的东西，只要在它的函数里引用了 data 中的某个属性，当这个属性发生变化时，函数仿佛可以嗅探到这个变化，并自动重新执行。 上述代码会源源不断的打印出 b 的值。如果希望 a 依赖 data 中的 x 而变化，只需保证 a 函数中有 this.x ...