将babel.config.js（Element官网中说的 .babelrc）中的 ["es2015", { "modules": false }] 修改为 ["@babel/preset-env", { "modules": false }] // babel.config.js module.exports = { ...

这个坑有点无语.... 这个东西新版本改名字了,现在叫babel.config.js 就是图片上这东西 module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } 里面的初始内容 当我们修改时不是按照...

vue命令创建项目失败，报错：Warning: name can no longer contain capital letters 报错原文:Warning: name can no longer contain capital letters 翻译：警告：名称不能再包含大写字母

vue后台模板https://github.com/PanJiaChen/vue-element-admin 文档https://panjiachen.github.io/vue-element-admin-site/zh/guide/

vue尚品汇-商品排序 排序的逻辑比较简单，只是改变一下请求参数中的order字段，后端会根据order值返回不同的数据来实现升降序。 order属性值为字符串，例如‘1：asc’、‘2：desc’。1代表综合，2代表价格，asc代表升序，desc代表降序。 我们的升降序是通过箭头图标来辨别的，如图所示： 图标是ic...

vue尚品汇-面包屑导航 1，html代码-src\pages\Search\index.vue <ul class="fl sui-tag"> <!-- 分类名称，当有searchParams.categoryName属性时才会显示面包屑 --> <li...

vue尚品汇-search组件 1,在api获取数据接口 (也包括了之前的轮播图,三级联动等等, 全部复制过来看的清除一点) src\api\index.js第一次带参数 //导入刚才写好的axios二次封装的requests import requests from "./ajax"; import mockRequ...

vue尚品汇-carousel全局组件 如果项目当中出现类似的功能，且重复利用，封装为全局组件----【不封装也可以】,但要有封装的思想 为了封装全局的轮播图组件:让Floor与listContainer组件中的代码一样，如果一样完全可以独立出来封装为一个全局组件。 <template> <div clas...

vue尚品汇-楼层Floor组件 一，mock模拟数据 1，mockjs模拟数据 [ { "id": "001", "name": "家用电器", "keywords": [ "节能补贴", "4K电视", "空...

vue尚品汇-轮播图，mockjs模拟数据 mockjs官网：http://mockjs.com/ 一，mockjs模拟数据 1,mockjs安装 npm i mockjs 2，在src文件夹下建立mock文件夹 3，准备模拟的数据 把mock数据需要的图片放置于public文件夹中！ ...

vue尚品汇-query与params参数合并 header组件输入关键字，点击搜索按钮 goSearch(){ // 第一种写法：字符串写法 // this.$router.push('/search/' + this.keyword + '?k=' + this.keyword.toUpperCase...

一，为什么要对axios进行二次封装？ 答：主要是要用到请求拦截器和响应拦截器; 请求拦截器：可以在发请求之前可以处理一些业务 响应拦截器：当服务器数据返回以后，可以处理一些事情 二，axios的二次封装 2.1 安装axios 在当前的项目路径下安装 cnpm install --save axios 2.2 通常情况下，项...

Vue2中vue-router报错：解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘) 出现该情况的原因是vue-router安装的版本太高，一般vue2的项目对应的版本是vue-router@3版本 ①在控制...

Vuex的基本使用： 1、初始化数据 state，配置actions、mutations，操作文件store.js 2、组件中读取 vuex 中的数据 $store.state.数据 3、组件中修改 vuex 中的数据 $store.dispatch('action中的方法名', 数据) 或 $store.commit('大...

[vuex] must call Vue.use(Vuex) before creating a store instance. 2、问题原因 在创建store的时候、要先声明使用vuex。就是先后问题、使用顺序出现问题 3、错误代码还原 注意：在main.js中调整Vue.use(Vuex)和import store ...

官方文档：https://v2.cn.vuejs.org/v2/guide/components-slots.html vue中有3种插槽 1、默认插槽 <slot></slot> 2、具名插槽 <slot name="名称"></slot> 3、作用域插槽 <slot...