多平台统一管理软件接口,如何实现多平台统一管理软件接口
228
2023-06-05
详解vue父子模版嵌套案例
这里是父子模版的调用
这里是针对于vue1.0,如果要学2.0,建议大家去看官方文档
vue2.0 :http://vuefe.cn/guide/
vue-router2.0: https://router.vuejs.org/zh-cn/essentials/getting-started.html
第一种,子组件模版直接写在js里
//定义模版挂载点my-component
第二种,使用HTML模版
{{text}}
第三种、来一个复杂的
//定义子组件,子组件必须在父组件之前定义。
var Child = Vue.extend({template: '
//定义父组件
var Parent = Vue.extend({
template: '
components: {
// 调用子组件
'child-component': Child
}
});
// 注册父组件
Vue.component('my-component', Parent);
//复用子组件。
Vue.component('child', Child);
// 创建根实例,所有组件都需要在根实例之前创建。
new Vue({
el: '#example'
})
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~