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

vue3的生命周期和编程式导航

vue3的生命周期和编程式导航-智码星河
vue3的生命周期: vue3的生命周期基本和vue2一样,只是最后一个钩子函数名字改变了。用法上可以和vue2一样作为配置项去使用完全可以,也可以使用组合式api在setup函数里面使用。 值得注意的是,...
青栀的头像-智码星河青栀6个月前
0877

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

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

Vue3 基础第一篇

Vue3 基础第一篇-智码星河
vite创建项目 1.安装Node:Vite 需要 Node.js 版本 >= 12.0.0。 2.然后执行:npm init vite@latest 创建vite+vue项目 在命令行输入以下创建语句。然后根据下图所示,输入项目名称并选择vue框架 ...
青栀的头像-智码星河青栀6个月前
010214

01—vue是什么

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

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

一个视频教你简单的vue开发-智码星河
青栀的头像-智码星河青栀7个月前
012012

Vue之封装请求详解

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

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

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

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

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

Vue3 基础第二篇

Vue3 基础第二篇-智码星河
vue3相对vue2: 重写了虚拟Dom实现,编译模板的优化,更高效的组件初始化,undate性能提高1.3~2倍,SSR速度提高了2~3倍,体积减小,组合式api更易维护,更好的Typescript支持,更接近原生,响应...
青栀的头像-智码星河青栀6个月前
0827

03——插值表达式

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