随笔分类 - Vue
摘要：组件通信 props emits 事件总线 eventbus 使用mitt库 通过defineExpose，getCurrentInstance provide inject v-model vuex 响应式 ref reactive toRef toRefs 监听 watch watchEffec
阅读全文
摘要：window.onerror 全局监听所有JS错误 但它是JS级别的，识别不了Vue组件信息 捕捉一些Vue监听不到的错误 可以捕捉到异步错误 mounted() { window.onerror = function(msg, source, line, column, error) { cons
阅读全文
摘要：keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现 利用脚手架创建项目后会生成home和about两个组
阅读全文
摘要：在 vue 的项目中，我们不需要手写这么复杂的一些基础代码，可以直接使用 vue-i18n 进行实现（注意：vue3 下需要使用 V 9.x 的 i18n） vue-i18n 的使用可以分为四个部分： 创建 messages 数据源 创建 locale 语言变量 初始化 i18n 实例 注册 i18
阅读全文
摘要：有的页面只有在登录之后才能进入，所以我们需要进入该类页面时需要完成以下几件事情 1.判断当前是否登录 2.如果已经登录，跳转到想要进入的页面 3.如果未登录，则跳转到登录页 4.对于无需登录即可访问的页面（白名单中的页面），我们可以直接进入 5.每次访问非登录页时，都需要判断当前用户信息是否存在，若
阅读全文
摘要：如何使用router import router from '@/router' router.push('/') 如何使用store import { useStore } from 'vuex' const store = useStore() store .dispatch('user/log
阅读全文
摘要：我们在开发项目和发布项目后，都需要使用到不同的环境，我们需要让vue-cli在打包时知道我们需要用到的环境，因此我们需要在项目根目录创建不同的环境文件，让vue-cli知道npm run serve与npm run build时该如何打包。 使用.env.development配置开发环境 # ju
阅读全文
摘要：我们在vue项目内难免需要对webpack配置进行修改，我们可以通过在vue.config.js中通过配置chainWebpack对webpack配置进行修改，下面演示我们如何新增一个loader const path = require('path') function resolve(dir)
阅读全文
