一. 创建vue脚手架项目 二. 安装axios   三. 封装请求 大致思路： 就是新建一个request的文件夹，里面有两个js文件，分别是request.js和 api.js  前者是配置请求的根...

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

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

创建好vue项目文件夹在编辑器打开之后，你发现这个文件里面的东西太多了，无从下手，那么下面我们来认识一下这些文件都是干啥的： 一张图看下吧

之前说的都是vue的基础知识，学会这些基础知识之后，就要开始写一个真正的应用（网站/系统）了。写项目，不是和以前写原生js项目那样自己建文件夹（html，css，js）。vue提供了专门写项目的文件...

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

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

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

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

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