框架概念
MVVM 响应式
数据<--驱动-->视图
hello world
组件---vue实例
钩子函数
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeDestroy
destroyed
this 指的是这个实例 this.xxx(data,methods,computed,watch)
非父子组件通信
空vue实例 pub-sub模式
vuex
组件之间的组合
<slot>插槽 存在于子组件的模板中
非具名
具名
作用域插槽
组件之间的切换
<component v-bind:is="currentView"> 元素
<keep-alive> 包裹<component>组件,开启缓存
异步加载组件
.vue文件 单文件的组件
状态管理
Redux binding for Vue
vuex--借鉴了 Flux、Redux、和 The Elm Architecture
用一个全局单例模式管理状态(数据)
响应式原理
Object.defineProperty 把对象各属性转为 getter/setter
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性
必须在初始化实例前声明根级响应式属性,哪怕只是一个空值
Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上
确保dom更新后再执行其他动作
vm.$nextTick(callback)
parent
v-on:increment="incrementTotal" 绑定自定义事件
child
this.$emit('increment')