搜索[代码'],共找到32个文章

Vue前置导航守卫

Vue前置导航守卫-智码星河
前置路由守卫常用于项目在未登录时的跳转判断,不管是vue2还是vue3都是一样的用法,没有多少改变,路由守卫有好几种,写法也有几种,以下是最简单且最常用的一种。 判断用户是否登录需要在 ...
青栀的头像-智码星河钻石会员青栀20天前
05713

Vue3 基础第三篇

Vue3 基础第三篇-智码星河
声明数据要这样写,把数据集中放在一个对象中: let state = reactive({ typeList: [], arr:[] }); 如果没用setup语法糖,那么这个state需要return,state.arr这样的写法太麻烦, 这样直接 retu...
青栀的头像-智码星河钻石会员青栀24天前
05211

Vue3 基础第一篇

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

vue3的hooks

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

vue3的计算属性computed

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

Vue3-pinia

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

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

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

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

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

https://www.vxras.com/wp-content/plugins/DearLicy/assets/img/10002.svgWebStorm 2024 ——你的专属编程神器!(详细破解教程)

WebStorm 2024 ——你的专属编程神器!(详细破解教程)-智码星河 精品
​​WebStorm 2024 是一款功能强大的 JavaScript 和相关技术的集成开发环境(IDE),为开发者提供了众多实用的功能和工具。WebStorm 2024 还支持各种主流的前端语言和框架,如 HTML、CSS、JavaS...
青栀的头像-智码星河钻石会员青栀34天前
07113

vue2知识点总结

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

夕阳无别事,等风也等你

友情链接 资源搜索
切换繁体