VueJS深入理解变量和函数的概念
VueJS里你必须要了解的概念
在VueJS里，你必须要了解以下这些概念，至少要混个脸熟：
- 安装
- 模板语法
{{}} - 条件语句
v-if - 循环语句
v-for - 计算属性
computed - 监听属性
watch - 样式绑定
v-bind - 事件处理器
v-on和methods
以上这些概念，我们在前两课里都有讲过。只有计算属性和监听属性没有讲。我们一起来学习这两个概念的文档。
计算属性 computed
计算属性的文档，菜鸟教程上的比较清楚：
https://www.runoob.com/vue2/vue-computed.html
读文档，在文档里尝试一下。
学习完这一部分，我们可以学到：
- 计算属性是用来处理复杂逻辑的，这样代码会更简洁。
- 计算属性里面是函数。当这个函数里的变量发生变化的时候，这个函数就会被调用。
- 你可以把计算属性当做一个变量来用。
监听属性 watch
监听属性的文档，VueJS官网上介绍得比较清楚：
https://v2.cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8
但是这个文档里没有做练习的地方。我们用菜鸟教程来做练习：
https://www.runoob.com/vue2/vue-watch.html
通过学习这两个文档，我们可以学到：
- 监听属性最适合在什么时候用？
- 当数据变化的时候，你需要执行一些操作，但这些操作非常花时间，比如需要去查找一些其他数据。
- 监听属性不能当做变量来用。
【学习方法】不要只读一个文档，多找几个文档对比，挑容易理解、好用的来读。
本课重点
- 重要概念：
- 计算属性和监听属性
- 学习方法：
- 读文档要综合对比
学习目标
- 抓住编程的关键：变量和函数
- 学会读文档
- 理解VueJS的基本概念
学习内容
- VueJS
- 阅读文档
- 用VueJS重写“计算器”