Vue教程共15篇
Vue教程

vue2知识点总结

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

解决vue路由重复点击报错

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

项目06——第三方组件库的使用

项目06——第三方组件库的使用-智码星河
在vue项目中,我们也可以使用第三方的组件库,之前传统的项目有bootstrap组件库,现在vue也有很多的组件库来供项目使用,下面来看看vue组件库的使用方式。 我们使用组件库的目的是借助组件库的...
青栀的头像-智码星河钻石会员青栀3天前
03012

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

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

项目05——Vue项目之页面跳转(路由)

项目05——Vue项目之页面跳转(路由)-智码星河
任何一个应用一定会有页面跳转(切换),以前是用a标签来跳转的,但a标签会刷新页面,不能实现局部跳转。 在vue中,我们不会再使用a标签跳转了,vue提供了路由(router),他就是用来跳转页面的...
青栀的头像-智码星河钻石会员青栀15天前
04114

项目04——Vue项目之初始化(删除示例文件)

项目04——Vue项目之初始化(删除示例文件)-智码星河
我们脚手架生成的项目打开之后看到有默认的示例效果,这些示例我们开发的时候肯定是不需要的,所以我们要把它清除掉,让项目变成一个干净的没有任何东西的空项目,我们才能开始开发自己的项目。...
青栀的头像-智码星河钻石会员青栀15天前
03813

项目03——认识vue项目文件夹的各个目录

项目03——认识vue项目文件夹的各个目录-智码星河
创建好vue项目文件夹在编辑器打开之后,你发现这个文件里面的东西太多了,无从下手,那么下面我们来认识一下这些文件都是干啥的: 一张图看下吧
青栀的头像-智码星河钻石会员青栀15天前
03515

项目01——vue 脚手架创建项目文件夹

项目01——vue 脚手架创建项目文件夹-智码星河
之前说的都是vue的基础知识,学会这些基础知识之后,就要开始写一个真正的应用(网站/系统)了。写项目,不是和以前写原生js项目那样自己建文件夹(html,css,js)。vue提供了专门写项目的文件...
青栀的头像-智码星河钻石会员青栀15天前
04815

项目02——Vue项目之启动

项目02——Vue项目之启动-智码星河
安装好一个项目文件以后,我们需要先看看这个默认的项目是个什么样子,那如何启动这个项目呢? 项目默认启动命令: 我们把项目文件在编辑器打开之后,打开编辑器的内置终端,确保在项目的根目录...
青栀的头像-智码星河钻石会员青栀15天前
0528

05——按键修饰符

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

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

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