vue2知识点总结
一、介绍 本文是学习 vue2时整理的，对于目前的 vue3有些过时。 二、 基础 基础 1）数据绑定 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='vie...
js 鼠标事件总结
当监听鼠标事件时，会触发一些事件，我们可以与之交互： mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时，鼠标移动 mou...
nvm的简介、安装、使用
一、nvm是什么？ nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看......等等， 与npm不同的是，npm是依赖包的管理工具。 二、nvm的安装。 推荐下载nvm-setup.zip这一个，...
创建vue3（npm create vue@latest）
1.桌面右键选择终端打开，输入npm create vue@latest 2.可能会出现报错： 其实是node版本不对 node的多版本管理中， 使用命令nvm list查看多个node版本 再使用nvm use 版本号切换版本 3.创建并...
Vue3-pinia
— 前提准备 — 项目根目录下载安装pinia npm i pinia 准备一个vue页面,如a.vue <template> <!-- 这是一个空的vue文件 等会用于测试pinia管理的公共数据 --> </template> <script s...
vue3的计算属性computed
老例子了，计算姓名： 改姓和名 能响应全名 改全名无法响应姓或名 单向： 完整的写法： 这样就是双向响应： 完整代码： <template> 姓：<input type='text' v-model='person.xing'> <...
Vue3之setup
vue3是在vue2的基础上做了一些更新，所以学vue3只是在vue2的基础上对某些东西的知识更新。在vue3的里面有些并不推荐使用的vue2的方法属性依然能使用，这个需要分清楚。 vue3里面一个最大的特点...
vue3的hooks
这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录，所有拆分的...
vue3的生命周期和编程式导航
vue3的生命周期： vue3的生命周期基本和vue2一样，只是最后一个钩子函数名字改变了。用法上可以和vue2一样作为配置项去使用完全可以，也可以使用组合式api在setup函数里面使用。 值得注意的是，...
Vue之封装请求详解
一. 创建vue脚手架项目 二. 安装axios 三. 封装请求 大致思路： 就是新建一个request的文件夹，里面有两个js文件，分别是request.js和 api.js 前者是配置请求的根...
