vite创建项目 1.安装Node：Vite 需要 Node.js 版本 >= 12.0.0。 2.然后执行：npm init vite@latest 创建vite+vue项目 在命令行输入以下创建语句。然后根据下图所示，输入项目名称并选择vue框架 ...

单页面组件，其实本质就是一个网页，只不过在vue里叫做 组件（目前大概可以理解为用vue写的页面都是组件）为什么叫组件: 因为在vue中，一个网页是由N多个组件组成的（组成页面的原件） 和...

在vue项目中，我们也可以使用第三方的组件库，之前传统的项目有bootstrap组件库，现在vue也有很多的组件库来供项目使用，下面来看看vue组件库的使用方式。 我们使用组件库的目的是借助组件库的...

vue3相对vue2： 重写了虚拟Dom实现，编译模板的优化，更高效的组件初始化，undate性能提高1.3~2倍，SSR速度提高了2~3倍，体积减小，组合式api更易维护，更好的Typescript支持，更接近原生，响应...

Vue里面的插值表达式（双花括号{{   }}）是用来输出data数据的，定义在data里面的数据，可以使用插值表达式来输出：例如：{{ msg }} 基本用法： 例如data里有一个数据msg： data() { return {...

在项目的router.js路由文件里面，加入如下的代码即可： // 解决路由重复点击报错的问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) {...

声明数据要这样写，把数据集中放在一个对象中： let state = reactive({ typeList: [], arr:[] }); 如果没用setup语法糖，那么这个state需要return，state.arr这样的写法太麻烦， 这样直接 retu...

事件修饰符是什么 事件修饰符： 例如阻止默认行为，阻止事件冒泡这些，其实就是把原生js中的阻止默认行为这些东西封装到了指令上面，我们使用指令就可以达到效果，不用写原生js那么长了，...

整理一下Vue3创建项目，新手教程，看完需要预计花费10分钟。 🍓使用命令创建项目 1.环境准备 Vue依赖NodeJs的环境，需要先安装Nodejs。 2.NodeJs安装 打开NodeJs下载页 选择自己系统对应的版本...

前置路由守卫常用于项目在未登录时的跳转判断，不管是vue2还是vue3都是一样的用法，没有多少改变，路由守卫有好几种，写法也有几种，以下是最简单且最常用的一种。 判断用户是否登录需要在 ...