1.安装vue的包: cnpm i vue -S

2.在main.js中导入包

通过import导入Vue

3.运行起来报错

报错信息

3.1第一种解决办法：

3.2第二种解决办法：

让我们先回顾一下包的查找规则：

//1.找项目根目录中有没有node_modules的文件夹//2.在node_modules中根据包名，找对应的vue文件夹//3.在vue文件夹中，找一个叫做package.json的包配置文件//4.在package.json文件中，查找一个main属性[main属性制定了这个包在被加载时候的入口文件]

在package.json文件中，main对应的文件为“dist/vue.runtime.common.js”。直接修改文件为“dist/vue.js”即可

3.3第三种解决方法：

在main.js中依然使用"import Vue from 'vue'",在webpack.config.js中配置规则

4.在runtime-only下如何才能正确的导入vue呢？

4.1在src目录下创建login.vue模板

这是登录组件，使用 .vue 文件定义出来的 --- {{msg}}

默认webpack无法打包.vue文件，需要安装相关的loader

"cnpm i vue-loader vue-template-compiler -D"

在配置文件中新增loader配置项{test:/.vue$/,use:'vue-loader'}

启动项目报错

解决方法：Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用：在webpack.config.js添加以下的代码，即可// webpack.config.jsconst VueLoaderPlugin = require(‘vue-loader/lib/plugin’)

module.exports = {

plugins: [new VueLoaderPlugin()]}

sonarqube如何导入规则_webpack如何使用Vue相关推荐

sonarqube如何导入规则_sonar如何添加自定义JAVA规则
1.https://segmentfault.com/a/1190000008659108 2.https://docs.sonarqube.org/display/DEV/Adding+Coding ...
CityEngine 导入规则后贴图不显示
问题:导入规则后贴图不显示解决:更新ESRI.lib 打开所用的规则文件,发现引入以下文件打开所引用文件,发现需要导入这个asset 需要对ESRI.lib进行更新
EXCEL通过配置导入规则，实现任意格式EXCEL文件解析
EXCEL文件导入到数据库,是一种常见的文件导入格式. 本文实现的EXCEL文件解析方法,优点是适合任意格式的EXCEL文件,缺点是每一张表单都需要配置对应的导入规则,在字段数量多时,配置导入规则就尴 ...
html导入.md文件并渲染,vue 导入.md文件（markdown转HTML）
前言刚接到这个需求的时候,觉得很简单(的确很简单)但是这玩意的坑真的也让人无奈. 网上找了很多的资料,都没有写出痛点(这就很难过了).通过实践并且在我们项目中平稳运行,想分享给后面的人我的博客上也 ...
vue表单中批量导入功能_spring boot mybatis+ vue 使用POI实现从Excel中批量导入数据
一.前端vue+element 1.前端使用element的upload组件来实现文件的上传 style="display: inline-flex;margin-right: 8px&qu ...
Cadence Allegro如何导出与导入规则
在画PCB中,好的规则能够帮你更好的布局布线,以及更好的检查出图纸的错误.但是初学者又不能够很好的设置规则.正所谓站要在巨人的肩膀上做事情.所以我一般都是通过导出网络上画的比较好的图,将他的规则导出, ...
excel批量导入规则验证
/*** excel导入*/public function excelimport(){$eid = I('get.eid','','htmlspecialchars');//判断是否选择了要上传的表 ...
vue 导入公共css_HTML+CSS入门 vue引入通用CSS
本篇教程介绍了HTML+CSS入门 vue引入通用CSS,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.在入口 js 文件 main.js 中引入,一些公共的样式文件 ...
vue 导入excel解析_【Vue 笔记】Vue 读取excel数据并生成数组
因为需求需要读取excel的.xlsx和.xls文件来批量生成网页数据.找了网上的资料后发现js-xlsx可以实现. 首先安装依赖: $ npm install xlsx HTML部分: 引入: im ...
vue导入静态js_如何在vue js中加载静态图像
我有一个组件,它接受一个prop字符串,即一个url.它可以是远程图片,也可以是资产文件夹中的本地静态资产. 目录结构: -assets/ - logo.png -app.vue -component ...

sonarqube如何导入规则_webpack如何使用Vue

这是登录组件，使用 .vue 文件定义出来的 --- {{msg}}

sonarqube如何导入规则_webpack如何使用Vue相关推荐

最新文章

热门文章