一、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的应用,他的作用就是在单页应用中保持状态和数据的。