深入浅析Vue全局组件与局部组件的区别

深入浅析Vue全局组件与局部组件的区别

1、组件声明

这是{{data}}

var FATHER = {

template: "#father",

data: function() {

return {

name: "一个全局组件-模板-",

data: "数据：18892087118"

}

}

};

2、组件注册

vue.component('father', FATHER);

3、组件挂载

4、组件实例

这是{{data}}

这是{{data}}

{{cmsgtwo}}

{{cmsg}}

{{fromfather}}

{{fromfather.fmsg}}

6、特殊的属性is

当使用 DOM 作为模板时 (例如，将el选项挂载到一个已存在的元素上)，你会受到 HTML 的一些限制，因为 Vue 只有在浏览器解析和标准化 HTML 后才能获取模板内容。尤其像这些元素

自定义组件被认为是无效的内容，因此在渲染的时候会导致错误。变通的方案是使用特殊的is属性：

http://

总结

以上所述是给大家介绍的Vue全局组件与局部组件的区别，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。