随笔分类 - Vue前端框架
摘要：一、常用API 注意：本文项目均使用脚手架为 Vite 1、setup函数 （1）介绍 如果在项目中使用配置项API，那么写起来就和vue2的写法是一样的；但是如果在项目中写的是组合式API，那么组件中所用到的：数据、方法等等，均要配置在setup中。此外，setup() 钩子也是在组件中使用组合式
阅读全文
摘要：一、vue3介绍 1、为什么要学习vue3？ vue3的变化： 首先vue3完全兼容vue2，但是vue3不建议用vue2的写法；其次，vue3拥抱TypeScript，之前vue2使用的JavaScript，ts完全兼容js 最后之前学的vue2 是配置项api，而vue3是组合式api opti
阅读全文
摘要：一、在vue项目中使用ref属性 ref 属性是 Vue.js 中用于获取对 DOM 元素或组件实例的引用的属性。通过在普通标签上或组件上添加 ref 属性，我们可以在 JavaScript 代码中使用 this.$refs.xxx 来访问对应的 DOM 元素或组件实例。 放在普通标签上，通过 th
阅读全文
摘要：1、什么是ElementUI？ Element UI 是一个基于 Vue.js 的组件库，它提供了丰富的 UI 组件和一套完整的解决方案，用于快速构建现代化的 Web 应用程序。Element UI 的目标是帮助开发者快速构建出美观、易用的界面，并提供了丰富的组件，包括但不限于按钮、表单、表格、对话
阅读全文
摘要：一、创建Vue项目 1、安装node环境 官网下载，无脑下一步，注意别放c盘就行 Node.js — Run JavaScript Everywhere (nodejs.org) 需要两个命令 npm >pip node >python 装完检查一下，hello world检测，退出crtl+c 2
阅读全文
摘要：一、组件 1、什么是组件 在Vue.js中，组件是构建用户界面的可重用和独立的模块。每个Vue组件都封装了自己的模板、逻辑和样式，使得代码可以更加模块化、可维护性更高。通过组件化，你可以将界面拆分成独立的、可复用的部分，每个部分都有自己的功能和样式，这样可以更容易地管理复杂的界面，并且提高了代码的可
阅读全文
摘要：一、生命周期钩子函数 1、什么是生命周期？ 在软件开发中，"生命周期"通常指的是一个对象从创建到销毁的整个过程。在前端开发中，特别是在使用诸如Vue.js、React等框架的情况下，"生命周期"常常指的是组件或实例在其存在期间经历的一系列阶段。 在Vue.js中，每个Vue实例都有一个生命周期，它包
阅读全文
摘要：一、计算属性 1、什么是计算属性 计算属性是基于其它属性计算得出的属性，就像Python中的property，可以把方法/函数伪装成属性，在模板中可以像普通属性一样使用，但它们是基于响应式依赖进行缓存的。这意味着只有在依赖的响应式数据发生改变时，计算属性才会重新计算，否则会直接返回缓存的结果。 2、
阅读全文
摘要：一、引入 在 Vue.js 中，指令（Directives）是一种特殊的标记，用于向 Vue 实例提供特殊的行为。指令以 v- 开头，例如 v-if、v-for 等。 指令的本质就是语法糖，标志位。在编译阶段 render 函数里，会把指令编译成 JavaScript 代码。 注意：指令都是放在标签
阅读全文
摘要：一、vue框架介绍 1、什么是Vue？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种
阅读全文
摘要：一、前端发展历史 1、什么是前端？ 前端：针对浏览器的开发，代码在浏览器运行 后端：针对服务器的开发，代码在服务器运行 2、前后端不分的时代 互联网发展的早期，前后端开发是一体的，前端代码是后端代码的一部分。 就比如使用HTML(5)、CSS(3)、JavaScript(ES5、ES6)来编写一个个
阅读全文
