Vue教程共28篇
Vue教程
手把手教你使用Vuex，猴子都能看懂的教程
第一步，如果你想了解一个技术，就去他的官网去看，准没错，进入官网，映入眼帘的就是“vuex是什么”： 如图所示，它是一个程序里面的状态管理模式，它是集中式存储所有组件的状态的小仓库，并...
6个月前vue2知识点总结
一、介绍 本文是学习 vue2时整理的，对于目前的 vue3有些过时。 二、 基础 基础 1）数据绑定 <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='vie...
6个月前Vue3-pinia
— 前提准备 — 项目根目录下载安装pinia npm i pinia 准备一个vue页面,如a.vue <template> <!-- 这是一个空的vue文件 等会用于测试pinia管理的公共数据 --> </template> <script s...
6个月前项目01——vue 脚手架创建项目文件夹
之前说的都是vue的基础知识，学会这些基础知识之后，就要开始写一个真正的应用（网站/系统）了。写项目，不是和以前写原生js项目那样自己建文件夹（html，css，js）。vue提供了专门写项目的文件...
6个月前vue3的计算属性computed
老例子了，计算姓名： 改姓和名 能响应全名 改全名无法响应姓或名 单向： 完整的写法： 这样就是双向响应： 完整代码： <template> 姓：<input type='text' v-model='person.xing'> <...
6个月前项目02——Vue项目之启动
安装好一个项目文件以后，我们需要先看看这个默认的项目是个什么样子，那如何启动这个项目呢？ 项目默认启动命令： 我们把项目文件在编辑器打开之后，打开编辑器的内置终端，确保在项目的根目录...
7个月前Vue3之setup
vue3是在vue2的基础上做了一些更新，所以学vue3只是在vue2的基础上对某些东西的知识更新。在vue3的里面有些并不推荐使用的vue2的方法属性依然能使用，这个需要分清楚。 vue3里面一个最大的特点...
6个月前项目03——认识vue项目文件夹的各个目录
创建好vue项目文件夹在编辑器打开之后，你发现这个文件里面的东西太多了，无从下手，那么下面我们来认识一下这些文件都是干啥的： 一张图看下吧
7个月前vue3的hooks
这个东西相当于vue2的mixins，相比mixins，hooks更清楚复用功能代码的来源。就是把繁多的js功能拆分成单个的js文件，然后再引入到需要的地方使用。 在src目录下新建一个hooks的目录，所有拆分的...
6个月前项目04——Vue项目之初始化（删除示例文件）
我们脚手架生成的项目打开之后看到有默认的示例效果，这些示例我们开发的时候肯定是不需要的，所以我们要把它清除掉，让项目变成一个干净的没有任何东西的空项目，我们才能开始开发自己的项目。...
7个月前vue3的生命周期和编程式导航
vue3的生命周期： vue3的生命周期基本和vue2一样，只是最后一个钩子函数名字改变了。用法上可以和vue2一样作为配置项去使用完全可以，也可以使用组合式api在setup函数里面使用。 值得注意的是，...
6个月前项目05——Vue项目之页面跳转（路由）
任何一个应用一定会有页面跳转（切换），以前是用a标签来跳转的，但a标签会刷新页面，不能实现局部跳转。 在vue中，我们不会再使用a标签跳转了，vue提供了路由（router），他就是用来跳转页面的...
7个月前
