随笔分类 -  vue

vue 中的单元测试
摘要：一、背景 随着项目越来越大，复杂度上升，改动一个地方，可能造成连环反应，引发未知 bug 我们需要在保证项目稳定的情况下，进行开发 这里选择 jest 作为测试框架 配置少，功能完善 二、安装与配置 1、安装 jest、@vue/test-utils jest： 测试框架 @vue/test-uti 阅读全文
posted @ 2021-04-13 10:07 青S衫% 阅读(875) 评论(0) 推荐(0)
vuecli 中 chainWebpack 的常用操作
摘要：1、webpack 配置很多，这里我们探讨比较经常需要修改的： 不复杂，可以在 configWebpack 中操作： mode devtool 配置复杂，可以在 chainWebpack 中操作： module.rules plugins optimization 2、使用 vue inspect 阅读全文
posted @ 2021-03-11 20:31 青S衫% 阅读(9343) 评论(2) 推荐(0)
常用 vue-config.js 配置
摘要：这里我只写基本作用与概念，详细使用方式可以看官网 https://cli.vuejs.org/zh/config/ vue.config.js 基本配置 publicPath 默认值：/ 部署应用包时的基本 URL 用法和 webpack 本身的 output.publicPath 一致 但是 Vu 阅读全文
posted @ 2021-03-09 10:24 青S衫% 阅读(2326) 评论(0) 推荐(0)
日常工作中 @vue/cli 需要关注的一些配置
摘要：为了让人容易理解，且不踩坑，官方文档会写的很详细 我们在熟练使用之后，需要提炼属于自己的知识点和关注点，总结以便后续快速查阅 官网文档地址https://cli.vuejs.org/zh/guide/ 一、介绍 注意最新版是 @vue/cli 不是 vue-cli @vue/cli 项目脚手架 包含 阅读全文
posted @ 2021-03-02 16:46 青S衫% 阅读(1197) 评论(0) 推荐(0)
Vue-Router常规使用
摘要：背景 很多时候我们已经熟悉了框架的运用，但是有时候就是忘了怎么用 所以这里想记下大部分的框架使用方法，方便使用的时候拷贝 注：大部分文案以及示例拷贝自 Vue Router 官方文档 一、安装 npm 方式 yarn 方式 二、功能 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、 阅读全文
posted @ 2020-01-10 18:24 青S衫% 阅读(434) 评论(0) 推荐(0)
Vuex 常规用法
摘要：背景 很多时候我们已经熟悉了框架的运用，但是有时候就是忘了怎么用 所以这里想记下大部分的框架使用方法，方便使用的时候拷贝 一、安装 npm 方式 yarn 方式 二、vuex 用法 1、引入以及安装 2、正常使用 （1）、state （2）、getters （3）、mutations （4）、act 阅读全文
posted @ 2019-10-09 18:14 青S衫% 阅读(586) 评论(0) 推荐(0)
Vue 事件相关实例方法---on/emit/off/once
摘要：一、初始位置 平常项目中写逻辑，避免不了注册/触发各种事件 今天来研究下 Vue 中，我们平常用到的关于 on/emit/off/once 的实现原理 关于事件的方法，是在 Vue 项目下面文件中的 eventsMixin 注册的 src/core/instance/index.js javascr 阅读全文
posted @ 2019-07-07 21:19 青S衫% 阅读(1685) 评论(0) 推荐(0)
深入浅出 Vue.js 第九章 解析器---学习笔记
摘要：本文结合 Vue 源码进行学习 学习时，根据 github 上 Vue 项目的 package.json 文件，可知版本为 2.6.10 解析器 一、解析器的作用 解析器的作用就是将模版解析成 AST（抽象语法树） 在 Vue 中，解析 template 里面的 DOM 元素转换出来的 AST，是一 阅读全文
posted @ 2019-06-23 21:37 青S衫% 阅读(1740) 评论(0) 推荐(1)