随笔分类 - vue3
1
vue3
摘要：以下是本地图片及引用本地的svg图报错 //这里是获取本地的png图片报错 <div class="flex-items swiper-item" v-for="(item, index) in list" :key="index"> <img class="brand-img" :src="req
阅读全文
摘要：vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开
阅读全文
摘要：前言 对比 Vue2 ，引出并展开 Vue3 。 本文讲述了 Teleport 传送门是什么，以及使用方法和代码示例。 介绍 学过 React 的同学可能知道， Portal 也提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀方案，当然咱们大名鼎鼎的 Vue3 也做到了，关于这方面的功
阅读全文
摘要：什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te
阅读全文
摘要：eslint 通用配置 eslint 使用版本优先级 项目安装 eslint（推荐使用） 全局安装的 eslint 忽略文件 一般用于第三方 lib 库， 自动生成代码等。 // .eslintignore 文件 /assets/js/iconfont/* /src/service/* /dist
阅读全文
摘要：Vue2迁移vue3操作指南 一、前言 有个自动化迁移工具gogocode-cli，尝试后发现不好用且得不偿失，就放弃了，感兴趣的可以去了解一下，本指南选择手动迁移 迁移开始之前，我们先来梳理下思路： 现在有一个vue2的项目，首先我们升级框架，得到了一个vue3的框架，但是上面放着vue2的代码，
阅读全文
摘要：参考网站 https://www.jianshu.com/p/cbda64966651
阅读全文
摘要：成熟的低代码平台 简道云 简道云2015年就已经入局零代码赛道，算是第一批零代码开发厂商之一，这也决定了其成熟度较高，属于无代码赛道的明星产品。 伙伴云 ClickPaas 开发低代码平台 appsmith平台 vite-vue3-lowcode平台 在开发前端低代码平台的可视化编辑器时，可以考虑以
阅读全文
摘要：Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。 既然我们要对比两者的实
阅读全文
摘要：配合gogocode-cli使用 开始迁移 Vue3的到来为我们带来了许多惊喜的变化,但是由于Vue3对于Vue2在Api层面存在诸多兼容问题，并不能做到平滑升级。所以我们根据v3迁移指南利用gogocode这个代码转换利器，利用它操作AST，开发了一套Vue2升级工具。利用这套工具能够快速地把你
阅读全文
摘要：Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括
阅读全文
摘要：可以通过 defineExpose 编译器宏来显式指定在 <script setup> 组件中要暴露出去的属性： <script setup> import { ref } from 'vue' const a = 1 const b = ref(2) defineExpose({ a, b })
阅读全文
摘要：建议视频教程小满Vue3（第三十九章 electron桌面程序）_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. 我们用的VsCode 也是 el
阅读全文
摘要：cesium中文网 http://cesium.xin/ 优秀的学习资源 http://cesium.xin/wordpress/archives/130.html vite-plugin-cesium vite社区插件安装cesium https://github.com/nshen/vite-p
阅读全文
摘要：首先看到v-model，大多数小伙伴都会想到“响应式”、“双向绑定”，v-model 确实是实现了双向绑定数据，用过vue的人都比较熟悉。v-model 是 Vue 内置的指令,vue2和vue3中的v-model使用有点不太一样，那具体是哪里不一样呢？ 小结 2.x 中 v-model 语法糖底层
阅读全文
摘要：unplugin-auto-import/vite 配置完成之后使用ref reactive watch 等 无须import 导入 可以直接使用 install npm i -D unplugin-auto-import vite配置 // vite.config.tsimport { defin
阅读全文
摘要：注册组件 全局组件 Global组件,这里用了TS和默认值 创建Global组件 // Global.vue <template> <h3>Global component</h3> <div>{{ msg }}</div> </template> <script setup lang="ts">
阅读全文
摘要：pinia官网 Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。 https://pinia.vuejs.org/zh/ vue2中使用pinia https://blog.csdn.net/YhWyl527/article/details/125057799 vue3中使用
阅读全文
摘要：Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 推荐使用 mitt.js。比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖 Vue 实例，所以可以跨框架使用，React 或者
阅读全文
1
