Vue组件失效(全局组件注册成功但未生效,非命名问题) | 您所在的位置:网站首页 › vue中引入组件成功为什么没有宽高 › Vue组件失效(全局组件注册成功但未生效,非命名问题) |
最近在写一个vue的项目,发现写好组件并引入之后标签没有任何效果,也没有报错。 我们先看一下我的vue实例: var actDoubleEleven = new Vue({ el: "#actDoubleEleven", data: { }, methods: { }, created: function () { var that = this }, mounted: function () { var that = this } })然后看一下我写的公共组件: Vue.component("diamondsPrize", { template: '123 ', props: ['home'], data: function () { return { } }, methods: { }, created: function () { console.log("changePwd--->created") }, mounted: function () { console.log("changePwd--->mounted") } })下面是我在vue实例中使用这个公共组件的代码: 从代码上看无任何破绽,无报错,实例中的生命周期正常执行,可是组件却没有编译??,也没有报错,下面是执行结果: 虽然没报错,但这个渲染结果一看就知道是错的。 在和牛逼的大佬们聊过之后,终于知道了自己错在哪里:要先注册全局组件,再在实例中使用组件。 解决完问题后,我又去官网上溜达了一下组件相关的文档(组件基础,组件注册),文档中早就标明了关键: 枯了~~ |
CopyRight 2018-2019 实验室设备网 版权所有 |