这次给大家带来vue的2.0组件注册详解,vue的2.0的组件注册的注意事项有哪些,下面就是实战案例,一起来看一下。
//全局注册:
Vue.component("my-component",{template:'A custom component!'});/*交换位置会报错----创建组件必须在根实例化之前*/
登录后复制
//创建根实例:
new Vue({ el:"#app" })
登录后复制
———
//局部注册:
立即学习“前端免费学习笔记(深入)”;
new Vue({el: "#app1",components: {// 将只在父组件模板中可用'my-zujian': {template: '我是局部组件'}}});
登录后复制
//html:
vue2.0组件: 全局组件也必须应用在实例上,不然不显示;
登录后复制
总结: 全局注册的什么地方都可以使用(当然也要是vue管辖范围内); 局部注册的只在挂载当前的元素下可以使用
相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!
相关阅读:
新手学习vue详解
如何解决IE11的css Hack
以上就是Vue的2.0组件注册详解的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2784143.html