vue3
一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
飘逸者打瞌睡
我还只是个小白
展开
-
【JS】canvas实现的类似选择框的效果界面
用的canvas实现的效果 ,点击获取或重点的颜色信息。原创 2023-04-26 14:33:02 · 368 阅读 · 1 评论 -
【vue】v-viewer图片查看器的使用和通过函数直接打开图片预览
直接通过函数打开图片,不用通过用户点击。引入v-viewer依赖包。原创 2023-04-23 16:15:45 · 859 阅读 · 0 评论 -
【VUE3】Non-function value encountered for default slot. Prefer function slots for better performance.
【代码】【VUE3】Non-function value encountered for default slot. Prefer function slots for better performance.原创 2023-02-15 13:17:51 · 309 阅读 · 0 评论 -
Naive UI 文档特别慢 本地存了个离线文档 2.34.3
文件地址 https://gitee.com/piaoyizhe666666/naive-ui-document。原创 2023-02-15 09:16:38 · 547 阅读 · 0 评论 -
【前端】之IndexedDB实现简单的文件管理器
使用indexedDB数据库作为数据存储实现的一个网页文件管理器。原创 2022-12-14 14:05:25 · 443 阅读 · 0 评论 -
【vue3】vue-router远程页面加载
在不同的服务器上加载页面组件,可以配合路由生成,实现整个项目的远程加载和路由权限控制,同样的可以在加载文件上面做权限校验,来防止未授权的页面加载。也可以给组件文件用CDN加速。router,js添加路由。loadPage函数实现。原创 2022-11-15 15:50:53 · 1836 阅读 · 0 评论 -
【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s
在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错。在vite.config.js中添加。原创 2022-11-08 14:51:35 · 3559 阅读 · 0 评论 -
【vue3】自定义插件-全屏加载插件实现
先简单的实现一个全屏加载的组件。随手写了个界面,很丑很简单。index.vue{title : {type : String , default : '标题' } }) < / script > < style lang = "scss" scoped > . box {left : 0;top : 0;from {} to {插件自身实现index.js/*** 全屏加载* 加载。原创 2022-10-20 15:25:02 · 805 阅读 · 0 评论 -
【vue3】远程组件加载
添加remote目录,存放远程组件添加rollup.config.js,用来打包配置远程组件修改package.json。原创 2022-10-10 13:43:53 · 4939 阅读 · 13 评论 -
【Wails】高大上的半透明“冰霜” 效果
这样看起来就舒服多了,但是这样就不能拖动窗口和关闭了,就需要用到wail自带的一些方法和参数配置。frontend/src/style.css 删除所有的background样式。此时窗口是透明了,冰霜效果也有了,但是窗口名称还是有点违和感,继续修改。此时拖动部分可以拖动窗口移动位置,关闭可以关闭窗口,退出程序。界面不可以拖动部分,添加data-wails-no-drag。界面可以拖动,添加data-wails-drag。将背景色改为黑色,透明度0,也就是没有背景。继续修改main.go。原创 2022-08-23 15:50:01 · 1111 阅读 · 0 评论 -
【Vue3】高仿win桌面【登录、打开应用、设置壁纸】
登录界面原创 2021-06-21 15:41:34 · 1438 阅读 · 8 评论 -
【Vue3】之setup使用watch,ref
一个setup()只注重一段业务逻辑<template> <div>{{name}}</div> <button @click="setName">设置名字</button></template>import {ref,watch} from 'vue'export default { name: "index", setup(){ //创建一个响应式且可变的 ref 对象 let name = ref('')原创 2021-06-17 13:58:45 · 1432 阅读 · 0 评论 -
【Vue3】之vuex的安装与配置
安装yarn add vuex@4.*或npm install -save vuex@4.*创建新建store.jsstore.jsimport { createStore } from 'vuex'export default createStore({ state: { }, mutations: { }, actions: { }, modules: { }})引入App.vueimport { creat原创 2021-06-16 10:48:32 · 1704 阅读 · 2 评论 -
【Vue3】之vue-router的安装与配置
安装yarn add vue-router@4.*创建新建router.jsrouter.jsimport { createRouter,createWebHistory} from "vue-router";const routes = [ { path: "/", redirect: "/home" }, { path: "/home", name: "home", component: () => import(".原创 2021-06-09 10:02:34 · 3018 阅读 · 0 评论