propsData

实际上propsData他不是挂载个属性,它是一个选项,甚至说这很不常用,完全可以用组件实现,但是要认识他,他是个传递数据的选项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="summer"></div>
<script>
var summer = Vue.extend({
template:`<h2>{{message}}-{{food}}</h2>`,
data:function(){
return{
message:'summer'
}
},
props:['food']
})
new summer({propsData:{food:'iceCream'}}).$mount('#summer')
//注意写法sss
</script>
-------------本文结束感谢您的阅读-------------