Vue3
文章平均质量分 56
vue3使用
@才华有限公司
这个作者很懒,什么都没留下…
展开
-
Vue3 Proxy代理为什么要用 Reflect映射
vue3为什么使用reflect映射原创 2022-12-22 14:01:23 · 1479 阅读 · 2 评论 -
vue3插槽(匿名插槽-具名插槽-插槽作用域-动态插槽)
vue3插槽(匿名插槽-具名插槽-插槽作用域-动态插槽)原创 2022-12-15 09:25:31 · 1040 阅读 · 0 评论 -
onMounted中使用async改为同步
mounted改为同步执行原创 2022-12-01 09:15:35 · 2505 阅读 · 1 评论 -
从0到1实现 mini-vue【vnode&mount】
✨mini-vue 已更新到虚拟Dom结构与模版挂载✨Githubmini-vue✨目录结构基于Vue3从0到1实现 mini-vue【reactive】✨实现最简 vue3 模型,用于深入学习 vue3, 让你更轻松的理解 vue3 的核心逻辑。原创 2022-10-19 09:11:24 · 223 阅读 · 5 评论 -
基于Vue3从0到1实现 mini-vue【computed】
基于Vue3实现min-vue之实现ref响应式。帮助您学习巩固Vue3。原创 2022-10-07 17:55:11 · 464 阅读 · 2 评论 -
基于Vue3从0到1实现 mini-vue【ref】
基于Vue3实现min-vue之实现ref响应式。帮助您学习巩固Vue3。原创 2022-10-06 13:10:26 · 381 阅读 · 2 评论 -
基于Vue3从0到1实现 mini-vue【reactive】
实现最简 vue3 模型,用于深入学习 vue3, 让你更轻松的理解 vue3 的核心逻辑。原创 2022-10-05 21:56:49 · 681 阅读 · 5 评论 -
vue3组件通信
是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。当同时使用 SFC 与组合式 API 时该语法是默认推荐。相比于普通的原创 2022-09-27 10:01:10 · 958 阅读 · 8 评论 -
vue3使用pinia
Pinia 是新一代的状态管理器,由 Vue.js团队中成员所开发的,因此也被认为是下一代的 Vuex,即 Vuex5.x,尤雨溪推荐在vue3项目中替代Vuex。原创 2022-09-26 17:13:19 · 4972 阅读 · 6 评论 -
移动端滑动事件封装
移动端滑动事件原创 2022-09-13 19:52:30 · 677 阅读 · 3 评论 -
Vue-cli创建vue3升级到vue3.2版本的方法
vue3.0升级到vue3.2原创 2022-08-11 13:53:03 · 2417 阅读 · 1 评论 -
vue3自定义全局loading组件
🏂 loading.js🏂 在axios封装的请求里面导入,例如项目封装文件 在请求时显示loading在相应时时关闭loading手动配置指定时刻打开与关闭在需要使用的组件页面中导入 ###### 🏂 动画图片原创 2022-07-04 09:27:50 · 2509 阅读 · 5 评论 -
高德地图自定义省界样式
⚡️ 由于高德api省界描边样式与ui差别很大,所以尝试自定义省界线样式⚡️ vue2、vue3实现方式一致,本篇记录vue3实现方式mapConfig.js组件代码案例中UI图片,与图分开效果更好分开实现方式:这样拖动地图不会超出背景图范围github源代码:点击跳转到 gitHub 有用点个star吧~...原创 2022-06-18 14:30:57 · 4166 阅读 · 1 评论 -
一招解决vue页面自适应布局
vue页面自适应布局原创 2022-06-13 11:55:42 · 4103 阅读 · 6 评论 -
TypeError: date.locale is not a function
TypeError: date.locale is not a function原创 2022-06-09 13:25:19 · 8461 阅读 · 2 评论 -
antd table表格合并
Ant Design Vue 踩坑,版本不同,合并方法不同,此方法适用于 3.2版本原创 2022-06-01 11:39:06 · 1208 阅读 · 1 评论 -
vue3使用axios
1.cnpm install axios -S //安装axios2.cnpm install qs -S //可以不装 用来格式化参数3.在scr目录下新建http文件夹及index.js//index.js:import axios from 'axios'// import qs from "qs";//qs为序列化数据的js库// axios.defaults.baseURL = '192.168.0.1' //设置请求头axios.defaults.headers.post[原创 2021-11-15 17:02:22 · 4923 阅读 · 0 评论 -
vue按钮切换 常用
记录一下项目中常用的按钮切换效果<div class="btn" v-for="(item, index) in ['年', '月', '日']" :key="index"> <button class="moreBtn" @click="changeBtn(index)" :class="[{ currentBtn: currentBtnIndex == index }, `onther-` + index]"> {{ item}}原创 2021-12-01 09:24:45 · 975 阅读 · 0 评论 -
vue3项目安装vite cli项目迁移vite
使用vue cli创建vue3项目后想再使用vite没找到如何直接安装在原来项目直接安装vite换种解决方法:使用vite先创建vue3项目1.安装 vite npm init @vitejs/app 或 yarn create @vitejs/app2. 查看当前npm版本选择对应指令创建项目 npm -v # npm 6.x npm init @vitejs/app my-vue-app --template vue # npm 7+, 需要额外的双横线: npm原创 2021-11-14 19:31:34 · 1398 阅读 · 0 评论 -
vue3使用路由
1.npm install vue-router 或指定版本号npm install vue-router@4.0.0-beta.13 2.src目录下新建router文件夹 router文件夹下新建index.js index.js: import {createRouter,createWebHashHistory,createWebHistory} from "vue-router"; import a from '../views/a.vue' //引入文件 //创建路由对象 ..原创 2021-11-13 22:28:09 · 468 阅读 · 0 评论 -
vue3全局挂载
将方法或者属性挂载到vue上 //方式一: provide、inject (推荐) 1.在scr目录下新建global文件、及index.js 2.将需要挂载的方法存入index.js: let $alert = () => { alert("全局方法") } let $name = '全局变量' export default { $alert, $name } 3.main.js import global f原创 2021-11-14 19:15:57 · 1398 阅读 · 0 评论