Vue2基础共12篇
Vue2基础

手把手教你使用Vuex,猴子都能看懂的教程

手把手教你使用Vuex,猴子都能看懂的教程-智码星河置顶 精品
第一步,如果你想了解一个技术,就去他的官网去看,准没错,进入官网,映入眼帘的就是“vuex是什么”: 如图所示,它是一个程序里面的状态管理模式,它是集中式存储所有组件的状态的小仓库,并...
三年没洗澡的头像-智码星河钻石会员三年没洗澡31天前
03810

vue2知识点总结

vue2知识点总结-智码星河置顶 精选
一、介绍 本文是学习 vue2时整理的,对于目前的 vue3有些过时。 二、 基础 基础 1)数据绑定 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='vie...
青栀的头像-智码星河钻石会员青栀48天前
06512

Vue前置导航守卫

Vue前置导航守卫-智码星河
前置路由守卫常用于项目在未登录时的跳转判断,不管是vue2还是vue3都是一样的用法,没有多少改变,路由守卫有好几种,写法也有几种,以下是最简单且最常用的一种。 判断用户是否登录需要在 ...
青栀的头像-智码星河钻石会员青栀19天前
05713

Vue之封装请求详解

Vue之封装请求详解-智码星河
一. 创建vue脚手架项目 二. 安装axios   三. 封装请求 大致思路: 就是新建一个request的文件夹,里面有两个js文件,分别是request.js和 api.js  前者是配置请求的根...
青栀的头像-智码星河钻石会员青栀24天前
04114

解决vue路由重复点击报错

解决vue路由重复点击报错-智码星河
在项目的router.js路由文件里面,加入如下的代码即可: // 解决路由重复点击报错的问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) {...
青栀的头像-智码星河钻石会员青栀49天前
0565

一个视频教你简单的vue开发

一个视频教你简单的vue开发-智码星河
青栀的头像-智码星河钻石会员青栀1个月前
07812

05——按键修饰符

05——按键修饰符-智码星河
什么是按键修饰符:按键修饰符就是捕获你按下的是什么键,进而触发什么方法,本质就是封装了原生js中的键盘事件,其实就是捕获某个键的键盘事件,代替了e.keycode。 在原生js中,我们要用按键触...
青栀的头像-智码星河钻石会员青栀1个月前
0455

06——Vue生命周期函数(钩子函数的理解)

06——Vue生命周期函数(钩子函数的理解)-智码星河
生命周期:顾名思义就是生命从开始到结束,在vue中就是vue实例从生成到销毁的过程。 钩子函数: 在某个特定的时间自动执行的函数(类似于自执行函数只不过有特定的时期执行) 在vue中,不只是生...
青栀的头像-智码星河钻石会员青栀1个月前
0466

04——事件修饰符

04——事件修饰符-智码星河
事件修饰符是什么 事件修饰符: 例如阻止默认行为,阻止事件冒泡这些,其实就是把原生js中的阻止默认行为这些东西封装到了指令上面,我们使用指令就可以达到效果,不用写原生js那么长了,...
青栀的头像-智码星河钻石会员青栀1个月前
06214

03——插值表达式

03——插值表达式-智码星河
Vue里面的插值表达式(双花括号{{   }})是用来输出data数据的,定义在data里面的数据,可以使用插值表达式来输出:例如:{{ msg }} 基本用法: 例如data里有一个数据msg: data() { return {...
青栀的头像-智码星河钻石会员青栀1个月前
04215

01—vue是什么

01—vue是什么-智码星河
我的理解 vue是一个js的框架,这样说好像并不准确,因为它不止对js做出了改变,并且对前端开发的模式做了改变,vue是一个优化前端开发的框架,当然,最主要的还是对js的封装,所以说他是一个js...
青栀的头像-智码星河钻石会员青栀1个月前
0675

02——认识vue单页面代码书写规范

02——认识vue单页面代码书写规范-智码星河
单页面组件,其实本质就是一个网页,只不过在vue里叫做 组件(目前大概可以理解为用vue写的页面都是组件)为什么叫组件: 因为在vue中,一个网页是由N多个组件组成的(组成页面的原件) 和...
青栀的头像-智码星河钻石会员青栀1个月前
0607