梦志博

运行npm run XXX 的时候到底发生了什么？相信这个问题在前端面试的时候经常遇到，虽然我没有面试，但是在刷面试题的时候，突然遇到问个问题，一开始还没咋留意，想想无非就是找到package.json文件里的scripts找到对应的命令去执行，就比如我们在运行npm run serve的时候，就是在执行vue-cli-service-serve这条命令。 12345678{ 'name': 'h5', 'version': '1.0.0', 'private': true, scripts: { 'serve': 'vue-cli-service-serve' }} 这点常识学习过前端的人应该都知道，我觉得这就是所谓答案了吧，但是我发现我还是太天真了，真的所有东西都太片面了，想要真正了解一个东西的作用，不能光从他带来的结果分析，要从整件事情的过程全面分析，完完全全的了解他的机制以及目的才能真正了解他的作用 ...

Vue 视图更新原理Vue 的视图更新原理主要涉及的是响应式相关API Object.defineProperty 的使用，它的作用是为对象的某个属性对外提供 get、set 方法，从而实现外部对该属性的读和写操作时能够被内部监听，实现后续的同步视图更新功能 一、实现响应式的核心API：Object.definePropertyObject.defineProperty的用法介绍：MDN-Object.defineProperty，下面是模拟 Vue data 值的更新对API接口进行初步了解 1234567891011121314151617181920// 模拟 Vue 中的 dataconst data = {}// 对外不可见的内部变量let _myName = 'Yimwu'// 响应式监听 data 中的 nameObject.defineProperty(data, "name", { // 使用 data.name 时 get 方法被调用，返回内部存储变量值 get: () => & ...

今天来推荐几个实用的 Vue 库！ 1. 状态管理（1）PiniaPinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是 Vue 官方成员在2019年11月重新设计的一个状态存储库，它允许你跨组件/页面共享状态，并且是响应式的，类似于 Vuex。 Github：github.com/vuejs/pinia （2）VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Github：github.com/vuejs/vuex （3）vuex-persistvuex-persistedstate 是一个支持 Typescript 的Vuex插件，使你能够将应用程序的状态保存到持久存储中，例如 Cookies 或 localStorage。 Github：github.com/championswi… 2. 表单（1）VeeValidatevee-validate 是Vue.js的表单验证库，它允许验证输入并以熟悉的声明式样式 ...