Vue基础及指令总结

一、认识Vue

Vue的安装

响应式、计算器（方法）

MVVM

创建Vue实例传入的options

代码规范：缩进四个空格，两个空格。

Vue的生命周期

v-clock

| 插值语法
v- 基本语法

v-bind

class对象语法：

class数组语法：（用得少）




style对象语法：


style数组语法：

计算属性

计算属性的setter和getter



计算属性的缓存（和methods的对比）
性能更高，有缓存，只调用一次

es6语法补充

es5之前因为if和for都没有块级作用域的概念，所以在很多时候，我们都必须借助于function的作用于来解决应用外面变量的问题。

es6中，加入了let，有if和for的块级作用域。

const

3.注意三：常量的含义是指向的对象不能修改(不能改变指向)，但是可以改变对象内部的属性。

对象增强写法：

事件监听 v-on

在事件定义时，写方法时省略了小括号，但是方法本身是需要一个参数的，这个时候，Vue会默认将浏览器生产的event事件对象作为参数传入到方法。


总结：


v-on修饰符：

v-if 和 v-else-if 和v-else

小问题：

v-if和v-show的区别：

v-for

value key index


组件key的属性
key的作用主要是为了高效的更新虚拟DOM
：key一般绑定index没有用，绑定唯一值（如：item）

数组中哪些方法是响应式的：

作业练习回顾：



购物车案列：
过滤器


按钮不可点：<button disabled>案列</button>

///////

高阶函数

v-model

结合radio使用

只有在有v-model情况下可以不使用name属性

v-model：checkbox

checkbox单选框

checkbox多选框

v-model：select

input中值绑定：

v-model修饰符的使用