index.vue页面vue文件 route 应该从 useRoute 中获得，确保 route 的值在组件挂载时已经存在。 <template> <div> <MessageBoard :…
标签：vue3
设置vue3单页面整体背景
<template> <div> <div class="background-page"> </div> <div> <div class…
vue3单页面添加蜘蛛网效果
SpiderWeb.js文件 // 定义模块级别的 t 函数 function n(n, e, t) { return n.getAttribute(e) || t; } function e(n) { return d…
vue3单页面添加live2d
只需要在mounted函数内动态加载css以及js即可 <template> <router-link tag="button" to="/goToPage" class="router-link"&g…
vue3单页面添加鼠标拖尾效果
MouseTrailing.js文件 let particles = []; let possibleColors = ["#D61C59", "#E7D84B", "#1B8798"] let width = wind…
vue3单页面添加鼠标点击效果
MouseClicks.js文件 export function mouseClicks(e, t, a) { let isActive = true; // 用于控制动画是否继续运行 function r() { if…
vue3单页面添加樱花花瓣飘落效果
<template> <div id="page"> <div class="bg-sakura"></div> <canvas ref="canvas_sakura…
vue3中引入并封装axios请求
axios axios与后台进行数据交互， Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送g…
vue3引入ElementUIPlus
安装 Element Plus npm install element-plus --save 引入 Element Plus import { createApp } from 'vue' import App f…
