element ui按需引入 npm install babel-plugin-component -D 将babel.config.js（Element官网中说的 .babelrc）中的 ["es2015", { "modules": false }] 修改为 ["@babel/preset-env", { "...

这个坑有点无语.... 这个东西新版本改名字了,现在叫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-admin-template 完整版https://github.com/PanJiaChen/vue-element-admin 文档https://panjiachen.github.io/vue-element-admin...

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安装（加上-D，开发环境需要，生产环境不需要） npm i mockjs -D 2，在src文件夹下建立mock文件夹 3，准备模拟的数据 把mo...

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

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...

Vue github案例，全局事件总线，pubsub-js消息订阅与发布 效果图： 网上找到一篇详细的文章，记录一下：https://blog.csdn.net/m0_53022813/article/details/127418134 以下代码是成品，包含全局事件总线和pubsub-js消息订阅与发布两种方...