警警的博客

Vue核心概念，顶层设计，好好吸收！

checkPwd为触发的自定义校验函数，这个函数的定义需要写在 data数据return的上面,其中参数二就是确认密码填写的值，需要和regForm.password的的值作对比参数三尤其注意，这个回调函数无论 密码 和确认密码 一不一致都必须调用一次data() {// 参数1: rule 对象, 是校验规则, 一般不用// 参数2: value 校验项的数据// 参数3: callback 回调函数, 决定是否校验通过if (value!

函数是一个创建虚拟 DOM 树的强大工具，它允许你使用 JavaScript 直接编写组件的模板。尽管 Vue 的模板系统（基于 HTML 的模板）非常强大且易于使用，但在某些复杂或需要更高灵活性的情况下，使用。在没有用Vue-CLI脚手架构建项目时，我们直接引用的是全版的Vue.js库（即包括Vue核心和模板解析器）。data函数、methods中的函数、watch中的函数、computed中的函数它们的。data函数、methods中的函数、watch中的函数、computed中的函数它们的。

插件自定义事件。

Vue-router?Vue-Cli、Webpack和Node.JS?基础语法：自定义指令、Vue3语法。渲染函数render（）？虚拟DOM VNode?若依框架+BPMN.js。

JavaScript 的 DOM (Document Object Model) API 提供了许多方法和属性，允许开发者与 HTML 和 XML 文档进行交互。DOM 将文档解析为一个由节点（如元素节点、文本节点、属性节点等）和对象组成的结构，使得开发者可以轻松地修改文档的内容和结构，以及响应用户的操作。

nextTick是 Vue.js 提供的一个全局 API。了解nextTick可以帮助你更好地控制 DOM 更新的时机和顺序，避免在未更新的 DOM 上执行操作。

是一个非常强大的工具，可以在 Vue 项目中简化模块的导入和注册流程。通过动态加载模块，开发者可以减少重复代码，提高开发效率，特别是在大型项目中，自动化导入组件、路由和 Vuex 模块可以显著提升项目的可维护性和扩展性。

Vue中CSS动态样式绑定与注意事项

深入响应式与vue中异步更新队列

在Vue中，组件之间的数据传递可以通过props、事件、Vuex、$emit和$refs等方式实现。

从原型链视角解读VueComponent与Vue关系

亲手写一个虚拟DOM、DOM渲染和更新。2.数据：reactive,代理。新老VDOM对比（DIFF算法）1.编译模板：正则表达式。

BPMN.js最全文档学习

BPMN.js中相关概念和API详解

vue中watch和computed

Ruoyi若依框架下载流程详细解读（SpringBoot-Vue）

通过学习Vuex的核心概念（state、mutations、actions、getters），你可以更好地组织和管理应用程序的状态。Vuex 允许我们将 store 分割成模块（modules），每个模块拥有自己的 state、getters、mutations 和 actions。：Vuex 使用单一状态树，即在一个对象中包含了全部应用层级的状态，这样可以方便进行状态的管理和维护。State 是存储数据的地方。，接收的第一个参数是模块的局部状态,对于模块内部的 getter，根节点状态会作为。

beforeRouteEnter因为触发的时候vue实例还没有创建，所以这个钩子函数中不能使用this，而beforeRouteUpdate和beforeRouteLeave都是可以访问到实例的，因为当这两个函数触发的时候实例都已经被创建了；Vue Router 提供了导航守卫（Navigation Guards），允许你在路由发生变化时执行一些逻辑，比如在进入页面之前进行身份验证，或在离开页面时进行确认操作。在Vue.js中，你可以使用路由的懒加载功能来提前预加载其他页面的业务。方法来实现页面的跳转。

手动触发加载：你可以在适当的时机手动触发加载其他页面的组件或业务逻辑。例如，在用户访问某个页面之前，你可以使用import()动态导入其他页面的组件，从而触发其加载。在Vue.js中，你可以使用路由的懒加载功能来提前预加载其他页面的业务。懒加载允许你按需加载页面组件，这意味着当用户导航到某个页面时才会加载该页面的相关代码。你可以在这些钩子函数中加载其他页面所需的数据或执行其他逻辑，从而实现预加载。// 在需要的地方手动触发加载其他页面的组件或业务逻辑。// 使用动态导入来加载其他页面的组件或业务逻辑。

vue中props传递异步数据，子组件用watch监听