vue3 setup方法执行原理
Vue 3中的setup函数是在组件实例创建之前调用的一个特殊函数，它主要用于配置组件的状态和行为。下面是setup函数的执行原理的分析：在组件定义中，通过setup属性指定一个函数，例如：export default { &nb...
Vue3源码之createApp
Vue.js 3中的createApp是用于创建一个Vue应用的函数。它的原理可以简单地解析为以下几个步骤：1. 创建一个应用实例：createApp函数会返回一个应用实例，该实例代表整个Vue应用的根实例。2. 组件注册：通过app.component方法，可以注册全局组件或局部组件。全局组件可以...
vue3 插件开发
插件是向vue添加全局功能。你如果是一个对象需要提供install方法，你如果是function就直接当install 方法去使用。写一个loading组件供全局使用：1)目录结构index.ts文件内容：import { createVNode, render,&nb...
vue3 scoped样式穿透
用于修改很多vue常用的组件库，在组件中还是避免不了修改组件库样式以elementui为例：<div class="box"> <el-input class="input"...
vue3 ref，shallowRef, triggerRef, customRef
ref深层次响应变成响应式const name = ref('refName') name.value = 'newName'shallowRef浅层次响应const obj = sha...
vscode vue3常用插件
volarvolar是一个针对vue的vscode插件，在写vue2时，通常使用vetur插件，volar用于vue3，与vetur不同的是，volar提供了更为强大的功能（使用时需要把vetur禁用，两者一起用会有冲突）Live Serverlive server可以直接启动一个服务，打开html...
uniapp nvue网络图片显示不出来解决方案
最近碰到一个很奇怪的问题，在nvue中使用image显示图片，却一直加载失败，但是图片路径是可以访问的，这是因为服务器做了限制解决方案：1，在image标签加上referrer="no-referrer"2，在图片路径前拼接https://images.weserv.nl/?ur...
uniapp关于webview返回键返回上一页问题
在webview中嵌入h5，当打开了很多页面，要点好多次返回按钮才能关闭webview。解决方案：在onBackPress中调用如下方法，可直接返回function back() { const currentWindo...