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...
uniapp 对接极光推送
1,进入后台登录 https://www.jiguang.cn/accounts/login/form 设置好应用包名,拿到APPKEY2,安装好极光插件 1),...