效果:
Vue.extend的propsData 用得很少,仅用于开发环境
我是网站头部 I am message! -by wss代码:
<body>
<h1>Vue.extend的propsData 用得很少,仅用于开发环境</h1>
<div id="head2"></div>
<script>
var CommonHeader = Vue.extend({
template:"<header>我是网站头部 {{ message }} -by {{ username }}</header>",
data:function () {
return{
message:"I am message!"
}
},
props:['username']
});
var header = new CommonHeader({
propsData:{
username:"wss"
}
}).$mount("#head2");
</script>
</body>
本文介绍了一个使用Vue.extend创建的简单网站头部组件,并演示了如何通过propsData传递参数进行实例化。该组件展示了基本的数据绑定及属性使用方法。

被折叠的 条评论
为什么被折叠?



