Vue教程共28篇
Vue教程
手把手教你使用Vuex，猴子都能看懂的教程
第一步，如果你想了解一个技术，就去他的官网去看，准没错，进入官网，映入眼帘的就是“vuex是什么”： 如图所示，它是一个程序里面的状态管理模式，它是集中式存储所有组件的状态的小仓库，并...
6个月前vue2知识点总结
一、介绍 本文是学习 vue2时整理的，对于目前的 vue3有些过时。 二、 基础 基础 1）数据绑定 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='vie...
6个月前Vue3 基础第一篇
vite创建项目 1.安装Node：Vite 需要 Node.js 版本 >= 12.0.0。 2.然后执行：npm init vite@latest 创建vite+vue项目 在命令行输入以下创建语句。然后根据下图所示，输入项目名称并选择vue框架 ...
6个月前项目05——Vue项目之页面跳转（路由）
任何一个应用一定会有页面跳转（切换），以前是用a标签来跳转的，但a标签会刷新页面，不能实现局部跳转。 在vue中，我们不会再使用a标签跳转了，vue提供了路由（router），他就是用来跳转页面的...
7个月前解决vue路由重复点击报错
在项目的router.js路由文件里面，加入如下的代码即可： // 解决路由重复点击报错的问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) {...
6个月前Vue前置导航守卫
前置路由守卫常用于项目在未登录时的跳转判断，不管是vue2还是vue3都是一样的用法，没有多少改变，路由守卫有好几种，写法也有几种，以下是最简单且最常用的一种。 判断用户是否登录需要在 ...
5个月前Vue3 基础第二篇
vue3相对vue2： 重写了虚拟Dom实现，编译模板的优化，更高效的组件初始化，undate性能提高1.3~2倍，SSR速度提高了2~3倍，体积减小，组合式api更易维护，更好的Typescript支持，更接近原生，响应...
6个月前创建vue3（npm create vue@latest）
1.桌面右键选择终端打开，输入npm create vue@latest 2.可能会出现报错： 其实是node版本不对 node的多版本管理中， 使用命令nvm list查看多个node版本 再使用nvm use 版本号切换版本 3.创建并...
6个月前项目02——Vue项目之启动
安装好一个项目文件以后，我们需要先看看这个默认的项目是个什么样子，那如何启动这个项目呢？ 项目默认启动命令： 我们把项目文件在编辑器打开之后，打开编辑器的内置终端，确保在项目的根目录...
7个月前vue3的hooks
这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录，所有拆分的...
6个月前05——按键修饰符
什么是按键修饰符：按键修饰符就是捕获你按下的是什么键，进而触发什么方法，本质就是封装了原生js中的键盘事件，其实就是捕获某个键的键盘事件，代替了e.keycode。 在原生js中，我们要用按键触...
7个月前项目01——vue 脚手架创建项目文件夹
之前说的都是vue的基础知识，学会这些基础知识之后，就要开始写一个真正的应用（网站/系统）了。写项目，不是和以前写原生js项目那样自己建文件夹（html，css，js）。vue提供了专门写项目的文件...
6个月前
