Vue教程共28篇
Vue教程

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

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

vue2知识点总结

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

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

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

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

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

创建vue3(npm create vue@latest)

创建vue3(npm create vue@latest)-智码星河
1.桌面右键选择终端打开,输入npm create vue@latest 2.可能会出现报错: 其实是node版本不对 node的多版本管理中, 使用命令nvm list查看多个node版本 再使用nvm use 版本号切换版本 3.创建并...
青栀的头像-智码星河青栀6个月前
01158

Vue3-pinia

Vue3-pinia-智码星河
— 前提准备 — 项目根目录下载安装pinia npm i pinia 准备一个vue页面,如a.vue <template> <!-- 这是一个空的vue文件 等会用于测试pinia管理的公共数据 --> </template> <script s...
青栀的头像-智码星河青栀6个月前
010115

05——按键修饰符

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

项目02——Vue项目之启动

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

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

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

vue3的hooks

vue3的hooks-智码星河
这个东西相当于vue2的mixins,相比mixins,hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件,然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录,所有拆分的...
青栀的头像-智码星河青栀6个月前
0889

03——插值表达式

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

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

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