vue中使用echarts按需引入解决打包体积过大问题 1、先创建一个 echarts.js 文件，我项目中用到的是饼图（pie）以上两种引入方式，在项目中使用后，打包后文件体积依然很大。在 5.0.1 中，引入了新的按需引入接口。再打包的时候发现体积比之前小了 1M 多。2、用到的组件中引入文件。
[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d 错误信息中提示contentBase 不是有效的配置项（可以看到contentBase不在罗列的有效配置项中）。因为Weback 5 将 contentBase的配置修改为 static。在 webpack.config.js 配置了devServer，通过contentBase 配置了静态资源的路径，但是报错了。
vue3 中通过$refs 获取子组件数据 vue2 中获取子组件中的数据方法，可以使用 $refs ，但此方式在vue3中不适用了。问题： 点击删除行的同时修改表格中数据选中状态，需要通过 refs 操作表格中的数据。 具体代码如下：
vue3 ＜script setup＞ 子组件的引入 在vue2中 引入子组件需要通过 注册后方可在模板页面中使用。在 中声明的变量、函数、import 引入的内容，都可以直接在模板页面中使用引入组件：详见 使用组件
元素设置了 margin 和 padding 为0 ，但还是显示边距问题 元素设置了 margin 和 padding 为0 ，但还是显示边距问题产生原因：因为当前元素设置了：overflow-x: scroll; 没有隐藏滚动条导致的。解决办法：添加如下代码隐藏滚动条::-webkit-scrollbar { width: 0 !important; height: 0 !important; overflow: hidden; display: none; background: rgba(0, 0, 0, 0); opacity: 0
vue学习笔记 笔记脚手架文件结构├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: g
vue watch如何同时监听多个属性 vue watch如何同时监听多个属性业务描述：有三个单选按钮，每个选项的默认值会受到另两个单选按钮的选中与否而改变。需要同时侦听多个属性，开始考虑每个属性单独侦听，发现会有大量重复代码。由于不能同时侦听多个属性，所以考虑将多个属性放在一个对象里面，通过侦听对象来实现对多个属性的侦听。代码如下：watch: { 'isYWYLChange': function (val) { console.log('val====', val) if (val.isYWYL &am
Vue Router的路由模式 hash 和 history 的实现原理 Vue Router的路由模式 hash 和 history 的实现原理1. hash 模式的实现原理：早期的前端路由的实现就是基于 location.hash 来实现的，其实他的原理很简单， location.hash 的值就是URL中 # 后面的内容如：[https://www.word.com#search](https://www.word.com#search) 它的location.hash的值是 #searchhash 路由模式的实现主要是基于下面几个特点：URL 中的 has
Element UI进行表单校验的时候，输入正确内容后，还有提示问题 问题：表单中输入正确的内容后，还提示请输入内容部分代码如下：// 表单<el-dialog title="添加用户" :visible.sync="dialogTableVisible"> <el-form ref="formRef" :rules="addUserRules" :model="addUsers"> <el-form-item label="姓名：" prop="name"> <el-input v-model="addUse
vue 实现记住密码 实现功能：记住密码勾选，点登陆时，将账号和密码保存到cookie，下次登陆自动显示到表单内不勾选，点登陆时候则清空之前保存到cookie的值，下次登陆需要手动输入大致思路，通过对cookie的存、取、删来实现记住密码与否；选中记住密码，在点击登录的时候将用户名密码存入cookie，每次进入登录页面的时候先读取cookie，如果浏览器的cookie中有账号密码则自动填入登录框，效果图如下：直接上代码HTML 部分：<template> <div class="log
vue 导航守卫 & 请求拦截器 全局前置守卫使用 router.beforeEach() 注册全局前置守卫let router = new VueRouter({...})router.beforeEach((to, from, next)=>{ // ...})参数解释： to: 即将进入的目标路由对象 from: 当前导航正要离开的路由 next: function一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数在 2.5.0+ 你可以用 router.befo
全局引入 vant 后使用 Toast 的问题 Toast 的使用（官方）：1.1 引入import Vue from 'vue';import { Toast } from 'vant';Vue.use(Toast);1.2 使用Toast('提示内容')问题： 当全局引入 vant 时候，直接使用 Toast('提示内容') 不会弹出提示框；解决： 全局引入vant 的时候 组件中使用this.$toast('提示内容')...
vant 表单组件中设置 colon 属性为 true 时候报错 vant 表单组件中设置 colon 属性为 true 时候报错，如下：原因：布尔值要用“：“动态来表示 否则会将布尔值 true 化为字符串形式解决方法：
关注
