vue错误整理

最新推荐文章于 2021-10-17 16:52:28 发布

原创最新推荐文章于 2021-10-17 16:52:28 发布 · 270 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#error

VUE 专栏收录该内容

5 篇文章

订阅专栏

博客围绕Vue开发展开，涉及全局组件注册、vue-loader配置、v-model与value等方面。针对每个部分提出问题，并分析错误原因，虽未给出完整解决办法，但聚焦Vue开发常见问题，为开发者提供思路。

1、全局组件的注册

【问题】：Failed to mount component: template or render function not defined.
【错误原因】：

在注册全局组件时，没有在new Vue()之前注册，导致上述错误。

【正确做法】：

// 创建一个组件Button.vue
...Button组件
// 在main.js中引入Button.vue并注册，实现如下：
import Vue from 'vue';
import Button from 'Button.vue';
Vue.component('Button', Button);// 这个必须出现在new Vue({})之前
new Vue({});

2、vue-loader配置

【问题】：vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.
【错误原因】：

webpack版本问题，如果安装的webpack版本是4.0以上，则会出现这个问题，改成4.0以下该问题会被修复

3、v-model与value

input标签中，v-model与value不能同时存在的原因：
	vue是遵循W3C标准的，type=text使用用户输入值，type=checkbox使用输入关联值，v-model绑定值的作用；
	type=text：value=输入值，type=checkbox：value是输入值的关联值，而且是必须设置的属性