摘要: 一、常用API 注意:本文项目均使用脚手架为 Vite 1、setup函数 (1)介绍 如果在项目中使用配置项API,那么写起来就和vue2的写法是一样的;但是如果在项目中写的是组合式API,那么组件中所用到的:数据、方法等等,均要配置在setup中。此外,setup() 钩子也是在组件中使用组合式 阅读全文
posted @ 2024-05-09 21:11 Xiao0101 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 一、vue3介绍 1、为什么要学习vue3? vue3的变化: 首先vue3完全兼容vue2,但是vue3不建议用vue2的写法;其次,vue3拥抱TypeScript,之前vue2使用的JavaScript,ts完全兼容js 最后之前学的vue2 是配置项api,而vue3是组合式api opti 阅读全文
posted @ 2024-05-09 21:07 Xiao0101 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 一、在vue项目中使用ref属性 ref 属性是 Vue.js 中用于获取对 DOM 元素或组件实例的引用的属性。通过在普通标签上或组件上添加 ref 属性,我们可以在 JavaScript 代码中使用 this.$refs.xxx 来访问对应的 DOM 元素或组件实例。 放在普通标签上,通过 th 阅读全文
posted @ 2024-05-09 21:06 Xiao0101 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 一、认证 1、自定义认证 在前面说的 APIView 中封装了三大认证,分别为认证、权限、频率。认证即登录认证,权限表示该用户是否有权限访问接口,频率表示用户指定时间内能访问接口的次数。整个请求最开始的也是认证。 (1)需求 登陆认证 用户登陆成功--》签发token 以后需要登陆才能访问的接口,必 阅读全文
posted @ 2024-05-02 21:22 Xiao0101 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 1、什么是ElementUI? Element UI 是一个基于 Vue.js 的组件库,它提供了丰富的 UI 组件和一套完整的解决方案,用于快速构建现代化的 Web 应用程序。Element UI 的目标是帮助开发者快速构建出美观、易用的界面,并提供了丰富的组件,包括但不限于按钮、表单、表格、对话 阅读全文
posted @ 2024-05-02 21:20 Xiao0101 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 一、创建Vue项目 1、安装node环境 官网下载,无脑下一步,注意别放c盘就行 Node.js — Run JavaScript Everywhere (nodejs.org) 需要两个命令 npm >pip node >python 装完检查一下,hello world检测,退出crtl+c 2 阅读全文
posted @ 2024-05-02 21:19 Xiao0101 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 一、组件 1、什么是组件 在Vue.js中,组件是构建用户界面的可重用和独立的模块。每个Vue组件都封装了自己的模板、逻辑和样式,使得代码可以更加模块化、可维护性更高。通过组件化,你可以将界面拆分成独立的、可复用的部分,每个部分都有自己的功能和样式,这样可以更容易地管理复杂的界面,并且提高了代码的可 阅读全文
posted @ 2024-05-02 21:15 Xiao0101 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 一、生命周期钩子函数 1、什么是生命周期? 在软件开发中,"生命周期"通常指的是一个对象从创建到销毁的整个过程。在前端开发中,特别是在使用诸如Vue.js、React等框架的情况下,"生命周期"常常指的是组件或实例在其存在期间经历的一系列阶段。 在Vue.js中,每个Vue实例都有一个生命周期,它包 阅读全文
posted @ 2024-04-30 22:12 Xiao0101 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 一、计算属性 1、什么是计算属性 计算属性是基于其它属性计算得出的属性,就像Python中的property,可以把方法/函数伪装成属性,在模板中可以像普通属性一样使用,但它们是基于响应式依赖进行缓存的。这意味着只有在依赖的响应式数据发生改变时,计算属性才会重新计算,否则会直接返回缓存的结果。 2、 阅读全文
posted @ 2024-04-30 22:10 Xiao0101 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 一、引入 在 Vue.js 中,指令(Directives)是一种特殊的标记,用于向 Vue 实例提供特殊的行为。指令以 v- 开头,例如 v-if、v-for 等。 指令的本质就是语法糖,标志位。在编译阶段 render 函数里,会把指令编译成 JavaScript 代码。 注意:指令都是放在标签 阅读全文
posted @ 2024-04-30 22:07 Xiao0101 阅读(23) 评论(0) 推荐(0) 编辑