day20|学习前端

{{}}。相当于innerText

v-bind:attr绑定属性值。

hooks是一个一个可以调用的函数。composition API

返回对象+解构 const{ sum,add,bigSum}=useSum()

一般组件放到components。路由组件放到pages,views文件夹

to路由:1、字符串写法。2、对象写法(name跳转,path跳转)

集中式状态(数据)管理pinia,redux,vuex

把共享的数据交给集中式管理,

pinia落地的东西,就是store

v-bind单项绑定。v-model双向绑定

 

function不缓存,computed计算属性缓存,只有依赖变才重新计算。

computed计算属性函数,根据已有响应式数据计算出新值,具有缓存的功能。

watch

入口文件main.ts

App.vue根组件

一般组件导入和使用的方法

插值语法

vue3可以写vue2语法,在vue3里,选项式和组合式是共存的。旧语法可以读出setup东西,但是setup不能读出旧语法

setup配合使用

vue3可以写多个根标签

Read more

基于 Vue 3 构建企业级 Web Components 组件库

前言 在前端技术栈百花齐放的今天,我们经常面临一个痛点:组件复用难。React 组件无法直接在 Vue 项目中使用,Vue 2 的组件难以平滑迁移到 Vue 3。 Web Components 的出现正是为了解决这个问题。它是一套 W3C 标准,允许开发者创建可重用、封装良好且独立于框架的 UI 组件。无论你的主应用是 Vue、React 还是纯原生 JS,Web Components 都能完美运行。 一、 技术全景:什么是 Web Components? Web Components 并非单一技术,而是由四项核心技术组成的规范集合,旨在实现组件的高内聚与低耦合。 1.1 核心组成体系 我们可以通过下图理解其运作机制: graph TD WC[Web Components]

By Ne0inhk
前端实现B站视频画中画功能 - 完整代码实现主页面和小窗同步视频控制功能

前端实现B站视频画中画功能 - 完整代码实现主页面和小窗同步视频控制功能

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程,从基础知识到项目实战 🌸《设计模式》专栏以实际的生活场景为案例进行讲解,让大家对设计模式有一个更清晰的理解 🌛《开源项目》本专栏主要介绍目前热门的开源项目,带大家快速了解并轻松上手使用 🍎 《前端技术》专栏以实战为主介绍日常开发中前端应用的一些功能以及技巧,均附有完整的代码示例 ✨《开发技巧》本专栏包含了各种系统的设计原理以及注意事项,并分享一些日常开发的功能小技巧 💕《Jenkins实战》专栏主要介绍Jenkins+Docker的实战教程,让你快速掌握项目CI/CD,是2024年最新的实战教程 🌞《Spring Boot》专栏主要介绍我们日常工作项目中经常应用到的功能以及技巧,代码样例完整 👍《Spring Security》专栏中我们将逐步深入Spring Security的各个

By Ne0inhk
【Linux篇章】穿越网络迷雾:揭开 HTTP 应用层协议的终极奥秘!从请求响应到实战编程,从静态网页到动态交互,一文带你全面吃透并征服 HTTP 协议,打造属于你的 Web 通信利刃!

【Linux篇章】穿越网络迷雾:揭开 HTTP 应用层协议的终极奥秘!从请求响应到实战编程,从静态网页到动态交互,一文带你全面吃透并征服 HTTP 协议,打造属于你的 Web 通信利刃!

本篇摘要 本篇将介绍何为HTTP协议,以及它的请求与答复信息的格式(请求行,请求包头,正文等),对一些比较重要的部分来展开讲解,其他不常用的即一概而过,从静态网页到动态网页的过渡,最后底层基于TCP实现简单的HTTP服务器的代码编写构建一个简单的网页(包含对应的跳转,重定向,动态交互等功能),采取边讲解http结构边用代码形成效果展示的形式进行讲解,望有助! 欢迎拜访:点击进入博主主页 本篇主题:探秘HTTP应用层那些事儿! 制作日期:2025.07.21 隶属专栏:点击进入所属Linux专栏 本文将要介绍的内容的大致流程图如下: 一· 认识HTTP * 在互联网世界中, HTTP(HyperText Transfer Protocol, 超文本传输协议) 是一个至关重要的协议。 它定义了客户端(如浏览器) 与服务器之间如何通信, 以交换或传输超文本(如 HTML 文档) 。 * HTTP 协议是客户端与服务器之间通信的基础。 * 客户端通过 HTTP 协议向服务器发送请求, 服务器收到请求后处理并返回响应。 HTTP 协议是一个无连接、

By Ne0inhk
高校电动车租赁系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】

高校电动车租赁系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】

摘要 随着城市化进程的加快和高校规模的不断扩大,校园内的交通问题日益突出。传统的自行车和步行方式已无法满足学生和教职工的出行需求,电动车因其便捷性和环保性逐渐成为校园内主要的交通工具之一。然而,电动车的购买和维护成本较高,许多学生更倾向于选择租赁方式。高校电动车租赁系统的开发旨在解决这一需求,通过信息化手段实现电动车的智能化管理和高效租赁。该系统不仅能够提升校园交通效率,还能减少资源浪费,符合绿色校园的建设理念。关键词:高校交通、电动车租赁、智能化管理、绿色校园、信息化系统。 该系统采用SpringBoot作为后端框架,结合Vue.js前端技术和MySQL数据库,实现了用户管理、电动车信息管理、租赁订单管理等功能模块。SpringBoot提供了高效的开发体验和稳定的运行性能,Vue.js则确保了用户界面的交互性和响应速度,MySQL作为关系型数据库保证了数据的安全性和一致性。系统支持用户注册登录、电动车查询与预订、订单支付与状态跟踪等功能,同时管理员可以通过后台管理界面实现对电动车和用户信息的全面管理。系统的模块化设计和可扩展性为未来的功能升级提供了便利。关键词:SpringBoo

By Ne0inhk