vue-cli 5.0 引入jQuery组件的步骤

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 5.0 引入jQuery组件的步骤相关的知识,希望对你有一定的参考价值。

参考技术A 1.安装jQuery

2.修改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组件的步骤的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli2 组件内嵌HTML文件

vue-cli 引入 axios 并全局配置axios

vue-cli项目中单文件组件引入bootstrap.js异常的解决方案

Vue项目如何引入JQuery详细步骤

vuejs 使用vue-cli引入bootstrap

Vue中引入jquery方法 vue-cli webpack 引入jquery