ZMN0057的博客

vue3组件传参，生命周期等

①代码风格： data 选项写数据， methods 选项写函数，一个功能l逻辑的代码分散；②优点：易于学习和使用，新手上手简单；③缺点：代码组织性差，相似代码逻辑不好复用，逻辑复杂代码也不好阅读；虽然提供了 mixins用来封装逻辑，但出现数据函数覆盖的概率大，不好维护。

to:字符串/对象；replace:设置成replace属性的话，当点击时，会调用router.replace(),而不是router.push();active-class:设置激活a元素后应用的class，默认是route-link-active;exact-active-class:链接精准激活时，应用于渲染的< a >的class,默认是route-link-exact-active;一共7个钩子函数，除了afterEach。

在Vue2中一般采用Vuex进行状态管理，在Vue3中推荐使用Pinia,这Vue3中推荐使用Pinia，这是最新一代轻量级状态管理插件。推荐使用Pinia。actions:适合处理修改逻辑复杂的数据，可以在actions中定义好函数，然后在组件中调用，是state数据相关的业务逻辑，需求不同，逻辑不同。演示在全局路由守卫中获取状态值。实际开发中，路由切换时，可能需要从全局状态中获取token等信息，判断是否能进入下一页面。注：无论是pinia还是vuex，通过解构的方式获取状态，会导致状态失去响应性。

vue开发过程中，习惯使用@代替src,vite默认不识别。1.project-name 输入项目名vue3-vite。在根目录下添加编辑器配置文件： .editorconfig。2.select a framework 选择框架。3.select a variant 选择语言。可以在alias中给常用的目录定义其他别名。初始化Eslint配置。