vue高级知识：自定义v-model 、nextTick, slot插槽

1 , v-model

//parent  

<hello-world v-model="msgPar"></hello-world>

//child
<input type="text" 
　　　　　　:value="price" 
　　　　　　@input="price=$event.target.value">

 

 

 

 

2，slot插槽：父组件往自组件的特定位置，注入自定义内容。

3 , $nextTick

　　基于：Vue是异步渲染。data改变之后，DOM不会立即渲染。$nextTick在DOM渲染之后触发，以获取最新DOM节点。

　　1，异步渲染，待DOM渲染后再执行回调

　　2，页面渲染会将data的修改做整合，多次data修改只会 渲染一次。

this.$nextTick(() => {
   // 获取最新DOM     
})