mmqgirlfriend的博客

Vue3学习笔记之前一直没有很系统性的去看过vue3的相关知识，刚好在入职后一个多月的时间，遇到了第一个春节假期，因此在这个期间看了vue3的相关知识。不然项目做起来太难受…Vue3创建项目的两种方式脚手架通过vite安装什么是vite？ —新一代的前端构建工具（类似于webpack）优势：无需打包，快速启动初始化工程attention: Vue3组建中的模板结构可以没有根标签常用组合式apisetup函数Vue3中一个新的配置项，值为一个函数组件中用到的数据、方法等，

Vue基础Vue介绍渐进式JavaScript框架，一套拥有自己规则的语法官网地址: https://cn.vuejs.org/ (作者：尤雨溪)Vue从基础开始，会循序渐进向前学习#mermaid-svg-6sosuVF1vfIYTfUB .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-6sosuVF

Vue实现点击切换导航栏效果编译环境Vue2.x 版本期待实现的效果图解决思路通过设置动态class的方式，通过点击传递此时所点击item的索引值，当索引值和所设置的初始值相等时，动态class的布尔值为true，进而实现菜单栏的高亮代码实现点击高亮的样式为active，通过动态class，当active值为true时，将标签样式赋值给span标签给span设置点击事件，将此时点击的索引值传递给btn函数中在data中设置findIndex值为-1，btn函数中将传递过来的索引值赋值给f