vue-cli 5.0 引入jQuery组件的步骤
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 5.0 引入jQuery组件的步骤相关的知识,希望对你有一定的参考价值。
参考技术A 1.安装jQuery2.修改vue.config.js文件
3.新建test.vue文件
Vue-CLI 组件错误:您正在使用仅运行时构建的 Vue,其中模板编译器不可用
【中文标题】Vue-CLI 组件错误:您正在使用仅运行时构建的 Vue,其中模板编译器不可用【英文标题】:Error with Vue-CLI Component : You are using the runtime-only build of Vue where the template compiler is not available 【发布时间】:2019-02-14 08:55:37 【问题描述】:VueJS 新手,正在阅读教程。这是我做的步骤
使用 VUE CLI 创建项目尝试使用此代码创建组件。
var data =
items: [ text: 'Bananas', checked: true ,
text: 'Apples', checked: false
],
title: 'My Shopping List',
newItem: ''
;
Vue.component('items-component',
data: function ()
return data;
,
template: `
<div class="blog-post">
<span>sample</span>
</div>
`
);
将此添加到 App.vue 模板部分。
<items-component></items-component>
但是我得到了这个错误
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
问题
有没有一种方法可以在一个 Vue Cli 项目中一次性创建多个组件 文件或多个文件是创建组件的唯一方法?。
使用 CLI 手动编辑 webpack 是一个不错的选择吗?如果有,有吗 任何好的链接。
请告诉我
【问题讨论】:
【参考方案1】:我的项目也有同样的错误。我通过以下方式解决了它:
-
创建一个新文件:
vue.config.js
并添加:
module.exports =
runtimeCompiler: true
关于你的问题,我会尽量回答,即使我可能没有给出最好的答案:
有没有一种方法可以在 Vue Cli 项目中创建多个组件 在一个文件或多个文件中是创建 组件?
人们总是为组件创建多个文件。
希望对你有帮助
【讨论】:
在哪里创建文件vue.config.js
?那怎么用呢?
在根目录@IstiaqueAhmed以上是关于vue-cli 5.0 引入jQuery组件的步骤的主要内容,如果未能解决你的问题,请参考以下文章