2021年总结（vue）

一、 mvvm双向绑定原理

数据双向绑定就是通过v-model(通过给属性绑定input change时间触发) 数据更新 视图更新 ，视图更新，数据更新，通过observe进行监听属性的变化，如果发生变化通知watcher订阅者，更新视图及数据，然后再通过compile进行解析v-on v-model等指令

二、指令

1. v-text
2. v-html
3. v-if
4. v-else
5. v-else-if
6. v-show
7. v-on
8. v-bind
9. v-model
10. v-slot
11. v-for
12. v-once

三、父子组件传参

父元素 ：
		import aaa from ''./child"
		components:{
			aaa
		}
	<aaa :data="datafather" @clickbtn="clickbtnfather"></aaa>

子组件接收
	props：['data']//值接收
	this.$emit('clickbtn',{obj:name})//调取父元素事件clickbtnfather

四、v-slot插槽使用

匿名插槽
父元素 ：
	<child-demo>
			<div></div>
	</child-demo>
	
子组件：
<div>
	<slot></slot>
&