Vue.js基础教程之父子组件

Vue.js基础教程

父子组件

组件意味着协同工作,通常父子组件会是这样的关系:组件 A 在它的模版中使用了组件 B 。

在父子组件组合使用中要注意以下一些问题:

 

没有实例化的子组件不能拿出来单独使用!

 

<div id="app">

       <parent-component></parent-component>

       <child-component></child-component>

</div>

 

 

在父标签内部嵌套子标签!

 

 

<div id="app">

       <parent-component>

           <child-component></child-component>

       </parent-component>

</div>

 

因为在父标签一旦生成真实的DOM,其内部的子标签就会被解析成为普通的HTML标签来执行,而且<child-component>不是标准的HTML标签,会被浏览器过滤掉。

版权申明:本站文章均来自网络,如有侵权,请联系01056159998 邮箱:itboby@foxmail.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

中国领先的互联网域名及云服务提供商

为您提供域名,比特币,P2P,大数据,云计算,虚拟主机,域名交易最新资讯报道

域名注册云服务器