Vue之父组件与子组件 偏执的太偏执、 2022-10-29 05:26 162阅读 0赞 ![在这里插入图片描述][2021020822023477.jpg_pic_center] `核心代码如下:` <body> <div id="app"> <cpn2></cpn2> </div> <script src="../Vue_js/vue.js"></script> <script> //创建子组件 const cpnC1 = Vue.extend({ template: '' + '<div>' + '<h2>我是子组件</h2>' + '<p>我是内容:hahahahaha</p>' + '</div>' }) //创建父组件 const cpnC2 = Vue.extend({ template: '' + '<div>' + '<h2>我是父组件</h2>' + '<p>我是内容:哈哈哈哈</p>' + '<cpn1></cpn1>' + '</div>', components: { cpn1: cpnC1 }, }) const app = new Vue ({ el: '#app', data: { message: 'vue模板', }, components: { cpn2: cpnC2 }, methods: { }, }) </script> </body> [2021020822023477.jpg_pic_center]: /images/20221024/9f43935cf4444d128efe4e0c0d0b3ab9.png
还没有评论,来说两句吧...