vue组件同时加载问题
在vue应用程序中，您定义了两个自定义组件和。但是，您发现在同时加载这两个组件时，只会显示一个组件。
问题根源
问题在于您在标签中错误地将组件声明为自闭合标签：
立即学习“前端免费学习笔记（深入）”；
var vm = new vue({ el:".content", // 这里有两个点 data:{} })
登录后复制
vue组件应声明为非自闭合标签，如下所示：
var vm = new vue({ el:".content", data:{} })
登录后复制
此外，在您的
元素中，您将组件声明为自闭合标签：
// 这里有一个自闭合标签 // 这里有一个自闭合标签
登录后复制
正确的写法是：
// 这里是非自闭合标签 // 这里是非自闭合标签
登录后复制
修正后代码
应用这些更正后，以下是修改后的代码：
Document Vue.component("header-bar", { data: function() { return { homeHref: 'https://www.cnblogs.com', logo: 'https://cn.vuejs.org/images/logo.png', title: 'Vue官网图标', hotTel: '实例' } }, template: `` }); Vue.component("nav-bar", { data: function() { var n = 0; if (window.navActive) { n = window.navActive; } return { navList: [{ href: 'https://www.cnblogs.com', title: '博客园' }], navActive: n } }, template: ` `, mounted: function() { $("a.navmenu").eq(this.navActive).addClass("active"); } }); new Vue({ el: '.content', }) @@##@@全国免费加盟热线：
{{hotTel}}
登录后复制
以上就是为什么我的Vue组件同时加载时只显示了一个？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2657938.html
