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

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

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

老例子了，计算姓名： 改姓和名 能响应全名  改全名无法响应姓或名 单向： 完整的写法： 这样就是双向响应： 完整代码： <template> 姓：<input type='text' v-model='person.xing'> <...

这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录，所有拆分的...

安装好一个项目文件以后，我们需要先看看这个默认的项目是个什么样子，那如何启动这个项目呢？ 项目默认启动命令： 我们把项目文件在编辑器打开之后，打开编辑器的内置终端，确保在项目的根目录...

1.桌面右键选择终端打开，输入npm create vue@latest 2.可能会出现报错： 其实是node版本不对 node的多版本管理中， 使用命令nvm list查看多个node版本 再使用nvm use 版本号切换版本 3.创建并...

vue3是在vue2的基础上做了一些更新，所以学vue3只是在vue2的基础上对某些东西的知识更新。在vue3的里面有些并不推荐使用的vue2的方法属性依然能使用，这个需要分清楚。 vue3里面一个最大的特点...

vue3的生命周期： vue3的生命周期基本和vue2一样，只是最后一个钩子函数名字改变了。用法上可以和vue2一样作为配置项去使用完全可以，也可以使用组合式api在setup函数里面使用。 值得注意的是，...