vue 基本知识

一、基本使用

• 1、模板（插值，指令
• 2、computed和watch
  2.1、computed有缓存，data不变则不会重新计算
  2.2、watch深度监听，deep: true（打开深度监听）
  2.3、info : {city: “北京”}，打开了深度监听，则改变city也可以监听到
  2.4、watch监听引用类型，拿不到oldVal
• 3、class和style 动态绑定

:class= "{black: isBlack}"
:class="{black}"
:style="styleData"

data() {
	return  {
		isBlack: true,
		black: "black",
		styleData: {
			fontSize: "40px",
			color: "red"
		}
	}
}

• 4、条件 v-if、v-else、v-else-if、v-show
• 5、循环 v-for
  如果使用index作为key，则在中间插入值时，将会把后面的数据全都再渲染一遍
• 6、事件 event（暂时还不知道有什么用）
  methods在使用方法的时候，会接受一个event的参数，可以打印出来看看
  · event是原生的
  · 事件是被挂载到元素上的
• 7、表单
  v-model.trim：去除字符串两端的空格
  v-model.lazy：失去焦点才会更新值
  v-model.number：转换成数值

二、组件

• 1、生命周期
• 2、props（类型和默认值）
• 3、v-on和$emit
• 4、自定义事件

三、高级特性

• 1、自定义v-model
• 2、$nextTick
• 3、refs
• 4、slot
• 5、动态组件
• 6、异步组件
• 7、keep-alive
• 8、mixin

四、vuex

• 1、state
• 2、getters
• 3、action
• 4、mutation
• 5、用于vue
  ~ 5.1、dispatch
  ~ 5.2、commit
  ~ 5.3、mapState
  ~ 5.4、mapGetters
  ~ 5.5、mapActions
  ~ 5.6、mapMutations

四、vue-router

• 1、动态路由
• 2、to和push
• 3、hash和history
• 4、懒加载（配合动态组件）

Vue面试题

• 1、v-show和v-if的区别
• 2、为何v-for中要用key
  · 尽量不要使用index当key
• 3、描述Vue组件生命周期（有父子组件的情况）
• 4、Vue组件如何通讯
• 5、描述组件渲染和更新的过程
• 6、双向数据绑定v-model的实现原理