Vue教程共28篇
Vue教程

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

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

vue2知识点总结

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

项目02——Vue项目之启动

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

Vue3之setup

Vue3之setup-智码星河
vue3是在vue2的基础上做了一些更新,所以学vue3只是在vue2的基础上对某些东西的知识更新。在vue3的里面有些并不推荐使用的vue2的方法属性依然能使用,这个需要分清楚。 vue3里面一个最大的特点...
青栀的头像-智码星河青栀1年前
01497

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

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

vue3的hooks

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

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

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

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

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

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

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

Vue3 基础第一篇

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

01—vue是什么

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

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

一个视频教你简单的vue开发-智码星河
青栀的头像-智码星河青栀1年前
017612