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

04——事件修饰符

04——事件修饰符-智码星河
事件修饰符是什么 事件修饰符: 例如阻止默认行为,阻止事件冒泡这些,其实就是把原生js中的阻止默认行为这些东西封装到了指令上面,我们使用指令就可以达到效果,不用写原生js那么长了,...
青栀的头像-智码星河青栀7个月前
012314

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

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

创建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

01—vue是什么

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

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

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

解决vue路由重复点击报错

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

vue3的计算属性computed

vue3的计算属性computed-智码星河
老例子了,计算姓名: 改姓和名 能响应全名  改全名无法响应姓或名 单向: 完整的写法: 这样就是双向响应: 完整代码: <template> 姓:<input type='text' v-model='person.xing'> <...
青栀的头像-智码星河青栀6个月前
01039

项目02——Vue项目之启动

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

Vue3 基础第一篇

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

Vue3-pinia

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