《Vue进阶之路》
关注
分享
扫一扫
文章平均质量分 54
《Vue进阶之路》
Java编程之道
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
打包filemanager-webpack-plugin的报错和解决
前言 filemanager-webpack-plugin插件的使用方法：vue-cli@3.0 直接打包成zip压缩文件 正文 使用"npm i"命令安装所有依赖，然后使用“npm run serve”命令运行本地服务器，但是不能正常启动，报以下错误： 原因 项目使用了叫作filemanager-webpack-plugin的webpack插件，目的是为了在进行打包的时候，直接把打包结果dist文件夹压缩，变成dist.zip文件。 调用代码位于vue.config.js下： const FileMan原创 2021-04-20 22:56:44 · 2836 阅读 · 0 评论 -
VSCode 报错 Parsing error: x-invalid-end-tag
问题出现原因 { "message": "[vue/no-parsing-error]\nParsing error: x-invalid-end-tag.", "source": "eslint-plugin-vue", "startLineNumber": 10, "startColumn": 82, "endLineNumber": 10, "endColumn": 82 } 解决办法 "vetur.validation.template": false, ...原创 2021-03-20 16:16:01 · 513 阅读 · 0 评论 -
Module not found: Error: Can‘t resolve ‘sass-loader‘ in E:\IdeaProject\xinguan\xinguan
Module not found: Error: Can’t resolve ‘sass-loader’ in E:\IdeaProject\xinguan\xinguan 错误写的比较直白了。缺少sass-loader，我们只需要按照使用要求安装指定插件即可。 npm install sass-loader -D npm install node-sass -D 第二个安装时间稍长，耐心等待一下。 萌新专属扩展：-D => --save-dev，另外还有一个 -S => --原创 2021-01-30 17:26:45 · 6440 阅读 · 1 评论 -
node-sass 下载失败 解决方案
安装失败的原因是node-sass下载的地址不对， 正确的地址是在这个目录下：https://github.com/sass/node-sass/releases 而非https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-59_binding.node 但是如果不番茄还是很难下载下来。 解决方案: 安装时指定镜像源 npm i node-sass --sass_binary_site=https://npm.taobao原创 2020-12-16 23:23:56 · 269 阅读 · 0 评论 -
Vue 结合Element UI 实现导航的 router 属性 expected boolean,got string
转自：https://blog.youkuaiyun.com/lindonglian/article/details/77532941 为了能通过el-menu-item的index实现动态路由跳转,得将el-menu的router设为true,默认是false 代码实现是这样的转载 2020-07-21 22:33:05 · 215 阅读 · 0 评论 -
VSCode生成.vue模版
文件–>首选项–>用户代码片段–>点击新建全局代码片段==>取名vue确定 粘入自己写的.vue模板 { "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>", .原创 2020-07-20 19:09:02 · 191 阅读 · 0 评论 -
vue不是内部或外部命令
作为一个vue小白，最近为vue安装真是操碎了心。 无论怎么查找网上的教程，还是解决不了“vue不是内部或外部的命令”诸如此类的问题。 好在功夫不负有心人，终于在多次的试验下，成功解决了这个问题。 第一种情况： vue不是内部或外部命令 ：首先确定是否安装了node.js 和 全局vue-cli ； 如果没安装 步骤如下： 1.访问Node.js官网（https://nodejs.org/en/download/）进行安装包下载。 2.如果是用安装程序进行安装，在安装过程中会自动进行Nodejs环转载 2020-07-20 15:55:26 · 4669 阅读 · 2 评论 -
使用vue脚手架模块化开发
npm install webpack -g npm install -g @vue/cli-init vue init webpack vue-demo原创 2020-07-20 15:46:37 · 151 阅读 · 0 评论 -
(第三篇)组件化
组件化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../node_modules/vue/原创 2020-07-19 20:13:43 · 119 阅读 · 0 评论 -
(第四篇)Vue生命周期
生命周期 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../node_modules/vue原创 2020-07-19 20:09:30 · 125 阅读 · 0 评论 -
(第二篇)Vue计算属性、侦听器、过滤器
1.计算属性和侦听器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../node_modul原创 2020-07-19 20:04:50 · 263 阅读 · 0 评论 -
(第一篇)Vue指令集
1. v-text、v-html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <script sr原创 2020-07-19 19:59:24 · 207 阅读 · 0 评论