propsData全局扩展的数据传递（18）

一、propsData怎样传值，

propsData 不是和属性有关，他用在全局扩展时进行传递数据。扩展也可以自定义标签，但是更推荐使用组件来做。

<div id="app">
    <h1 id="ll">propsData</h1>
</div>
<script>
   var extend1=Vue.extend({
       template:`<p>呵呵da{{msg}}-{{a}}</p>`,
       data:function(){
           return{
               msg:"jianjian"
           }
       },
       props:['a']
   });
    new extend1({propsData:{a:122}}).$mount("#ll");
</script>

扩展了一个extend1标签，并把她挂载到#ll标签上，然后从外部传值给标签({propsData:{a:122}})
propsData传值：
1、传递时用propsData进行传递。props:[‘a’]

2、用插值的形式写入模板。{{ a }}
propsData在实际开发中我们使用的并不多，我们在后边会学到Vuex的应用，他的作用就是在单页应用中保持状态和数据的。