Vue组件间的通信--父传子-创新互联
属性传值,子组件props 接收
繁昌ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!//1:创建父组件
Vue.component("parent",{
data:function(){
return {money:3000}
},
template:`
父组件
`
});
//2:创建子组件
Vue.component("child",{
template:`
子组件
{{myValue}}
props:["myValue"], // 声明变量保存父组件数据
mounted:function(){
//声明变量结束,获取父元素数据.
//己存保存 this.data
console.log(this.myValue);
}
});
//3:创建Vue
new Vue({el:"#app"});
Vue.component("my-login",{
template:`
父组件
username
password
`
});
Vue.component("my-input",{
props:['tips'],
template:`
`
});
new Vue({el:"#app"});
创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。
标题名称:Vue组件间的通信--父传子-创新互联
本文URL:http://pwwzsj.com/article/cchohe.html