胸怀丶若谷

2021年8月20日

Vue报错Custom elements in iteration require 'v-bind:key' directives."错误解决

摘要：错误代码 <swiper> <swiper-item v-for="item in banners"> <a :href="item.link"> <img :src="item.image" alt=""> </a> </swiper-item> </swiper> 正确代码 <swiper> < 阅读全文

posted @ 2021-08-20 16:53 胸怀丶若谷阅读(853) 评论(0) 推荐(0)

手动安装vur-router并引用

摘要：安装并引用安装 npm install vue-router ##引用步骤一：在src路径下，创建router文件夹，其下创建index.js // router/index.js import Vue from 'vue' import VueRouter from 'vue-router' 阅读全文

posted @ 2021-08-20 10:48 胸怀丶若谷阅读(114) 评论(0) 推荐(0)

Vue Cli起别名

摘要： #vue cli 3的写法 module.exports = { configureWebpack: { resolve:{ extensions:[], alias:{ 'assets':'@/assets', 'common':'@/common', 'components':'@/compon 阅读全文

posted @ 2021-08-20 10:43 胸怀丶若谷阅读(184) 评论(0) 推荐(0)

2021年8月19日

typroa文件迁移时的图片问题

摘要：如下图所示设置即可会自动在同级目录中创建img文件夹，并存储图片阅读全文

posted @ 2021-08-19 23:06 胸怀丶若谷阅读(71) 评论(0) 推荐(0)

2021年8月12日

Vue中 router与route的区别

摘要： $route对象该对象表示当前的路由信息，包含当前URL解析得到的信息。包含当前的路径，参数，query对象等。其常用方法如下所示： $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar" $route.params 一个 key/value 对象，包含了阅读全文

posted @ 2021-08-12 14:20 胸怀丶若谷阅读(132) 评论(0) 推荐(0)

2021年8月5日

webpack配置文件的分离

摘要：配置文件的分离目的就是让开发环境，生产环境，测试环境的配置分隔开步骤一：在项目根目录下创建一个 build 文件夹专门用来存放配置文件，再创建三个js文件， base.config.js 文件，存放基本配置，开发阶段和生产阶段都需要的配置，也就是公共配置 dev.config.js 文件，阅读全文

posted @ 2021-08-05 15:23 胸怀丶若谷阅读(83) 评论(0) 推荐(0)

解决：vue-loader was used without the corresponding plugin.

摘要： #原因 webpack经常出现版本不兼容问题，vue-loader在15以前的版本打包时候会自动生成VueLoaderPlugin，但是现在需要手动去wepack.config.js文件中去加入,如下图所示 const VueLoaderPlugin = require('vue-loader/li 阅读全文

posted @ 2021-08-05 11:03 胸怀丶若谷阅读(718) 评论(0) 推荐(0)

2021年8月4日

Module build failed: TypeError: this.getOptions is not a function at Object.loader

摘要：这个问题主要是因为node-loader版本过高导致的问题解决方案 css-loader降为3.6.0版本即可 npm install css-loader@2.0.2 --save-dev npm install style-loader@0.23.1 --save-dev 重新运行npm ru 阅读全文

posted @ 2021-08-04 16:38 胸怀丶若谷阅读(4007) 评论(2) 推荐(3)

2021年7月31日

Vue基础语法

摘要：学前准备 vue官网：https://cn.vuejs.org/ 工具： webstorm， vscode Vue基础初体验 <div id="app">{{message}}</div> <script> // 声明式编程 const app = new Vue({ //用于挂载要管理的元素 e 阅读全文

posted @ 2021-07-31 21:17 胸怀丶若谷阅读(117) 评论(0) 推荐(0)

2021年7月29日

Vue中splice的使用

摘要：方法简介 splice(index,len,[item]) 可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组） index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空删除 //删除起始下标为1，长度为1的一个值(len设置1，如果为阅读全文

posted @ 2021-07-29 15:27 胸怀丶若谷阅读(3100) 评论(1) 推荐(0)

每一天都是在我身边的最后一天

公告