Vue（9）--v-model的深入理解 & sync修饰符 & 具名插槽 & 作用域插槽 & 混入

一、v-model的深入理解

v-model:就是v-on:和v-bind:的简写

        
姓名：{{name}}
        
        
年龄：{{age}}
        

        

            
{{yf.label}}--{{yf.count}}
            
{{kz.label}}--{{kz.count}}
        
        
        
    
    
    

二、sync修饰符

绑定属性时，采用:xx.sync修饰符，可以省略update:xx对应的事件绑定。注意：属性绑定必须是:xx.sync。自定义事件必须是update:xx。

 

       
衣服--{{yf}} 裤子--{{kz}} 鞋子--{{xz}}
       

       
       
       
    
    
    

三、具名插槽

在template组件中采用v-slot:插槽名称的方式，指定使用哪个插槽。
#是v-slot:的简写

四、作用域插槽

作用域插槽必须是具名插槽，在作用域插槽上，可以通过v-bind:绑定属性，绑定的属性，通过指定的作用域变量去接收。

五、混入

使用Vue.mixin（）给所有的Vue实例混入统一的成员。里面可以写数据，计算属性，方法，监听器。
在Vue自己实例中写的数据不能在所有成员中使用，只能自己调用。

        
姓名：
        
年龄：++
        
性别：
        

            税前薪资：
            税后薪资：
        
        
介绍
        
汽车信息：{{car}}
        请求课程信息
        

            {{subjects}}
        
    
    

    

        
姓名：
        
年龄：++
        
性别：
        

            税前薪资：
            税后薪资：
        
        
介绍
        
飞机信息：{{plane}}