m0_53206841的博客

1、概念专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2、Github地址https。...

vue-admin-better是github开源admin中最优秀的集成框架之一，它是国内首个基于vue3.0的开源admin项目，同时支持电脑，手机，平板，默认分支使用vue3.x+antdv开发，master分支使用的是vue2.x+element开发。开源地址：https://gitee.com/chu1204505056/vue-admin-better/tree/vue3.0-antdv/演示地址：https://vue-admin-beautiful.com/.........

在src下新建已经router文件夹，里面放置路由配置文件引入相关插件：根据项目需要引入组件并配置路由，写在第一个的路由为默认路由。创建及暴露路由：示例：需要跳转路由的文件需先引入：在此使用路由跳转方式： 示例：被跳转至的组件需引入： 并创建路由对象和接收参数示例：......

父组件向子组件传值：props子组件向父组件传值：$emit 、ref：在父组件内通过ref获取子组件实例，然后调用子组件方法，并传递相关数据作为参数。标识：ref="xxx"获取this.$refs.xxx 兄弟组件传值：事件总线 传递值：使用$emit发布事件 接收值：使用$on订阅事件 注意：$on先进行监听，一旦$emit发布事件后所有组件都可以$on监听到事件。所以传递参数的时候一定已经先进行了监听才能得到参数。在父组件中$emit事件放在mounted钩子函数中，等待子组件创建并$on..

1、虚拟DOM中key的作用：key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】，随后Vue进行【新虚拟DOM】的差异比较，比较规则如下：2、key的对比规则：1、旧虚拟DOM中找到了与新虚拟DOM相同的key：若虚拟DOM中内容没变，直接使用之前的真实DOM若虚拟DOM中内容变了，则生成新的真实DOM，随后替换掉页面中之前的真实DOM.........

Vue中使用组件的三大步骤一、如何定义一个组件？使用Vue.extend(options)创建，其中options和new Vue（option）时传入的那个options几乎一样，但区别如下：1、el不要写，为什么？：最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器2、data必须写成函数，为什么？：避免组件被复用时，数据存在引用关系备注：使用tmplate可以配置组件结构二、如何注册组件？​初始化脚手架说明Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。

一套构建用户界面的渐进式（自底向上逐层的应用）JavaScript框架Vue的特点采用组件化模式，提高代码复用率、且让代码更好维护 声明式编码，让编码人员无需直接操作DOM，提高开发效率 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点学习Vue之前要掌握的JavaScript基础知识：ES6语法规范、ES6模块化、包管理器、原型、原型链、数组常用方法、axios、promise等data与el的两种写法el的两种写法：1、new Vue时候配置el属性 例：el:"

Taro介绍Taro是一个开放式跨端跨框架解决方案，支持使用React、Vue.js、Nerv等框架来开发小程序、H5、react Native等应用。特性​多端转换支持​可以支持转换到 H5、ReactNative 以及任意小程序平台。目前官方支持转换的平台如下：H5 ReactNative 微信小程序 京东小程序 百度小程序 支付宝小程序 字节跳动小程序 QQ 小程序 钉钉小程序 企业微信小程序 支付宝 IOT 小程序 飞书小程序Taro开发环境...

为防止用户犯错，尽可能让用户更早地发现并纠正错误。Element中Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。注意：prop对应表单域 model 字段，使用 validate方法时，该属性是必填的。在data里配置要校验字段和校验规则：required:true；message:""不符合校验规则时的提示信息；trigger:""校验触发方式设置除此之外，我们还可以使用validator验证器.