首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue3
柠檬仔_
创建于2023-04-08
订阅专栏
记录vue3要点
等 2 人订阅
共19篇文章
创建于2023-04-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue.use全局注册组件
在components文件夹下创建index.js存要全局注册的组件 在main.js文件引入使用s
具名插槽
占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用占位 使用
内置组件移动挂载位置
在一个组件中使用另一个组件,默认是挂载在插入位置的父元素内,使用teleport可以挂载到别的地方,to中可以是id,类,标签选择器,下面是把引入的组件挂载到当前页面body中,跟根组件同级
keep-alive缓存指定组件
在App.vue中配置 被缓存的组件要配置name名在App.vue中配置 被缓存的组件要配置name名在App.vue中配置 被缓存的组件要配置name名
封装loading
在components文件夹内新建一个loading组件(loading文件夹内放index.vue) 在App.vue中引入loading组件并展示 在stores文件夹内新建一个loading仓库
监听页面滚动到底部和页面滚动距离
监听有方法要放在主页面中,不能放在组件中,切记,监听页面滚动到底部放回true,发请求获取新数据,监听页面滚动距离返回值,滚动一定距离后显示吸顶组件 在src中的hooks文件夹下创建useScrol
计算属性传参
内部再return一个函数就可以接收参数了,下面是把数字字符串转为数字 如果是在组件库标签中使用,要把v-model改成:model-value接收计算属性,如vant
获取当前位置经纬度
获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度获取当前位置经纬度
vant4日历选择日期区间并展示
在utils文件夹下创建format_date.js文件 使用在utils文件夹下创建format_date.js文件 使用
vue3显示今天明天日期以及日期差值
在utils文件夹下创建format_date.js文件 使用在utils文件夹下创建format_date.js文件 使用在utils文件夹下创建format_date.js文件 使用
vant4使用
修改文字颜色.van-nav-bar__title.van-nav-bar__title.van-nav-bar__title.van-nav-bar__title
vue封装动态显示图片,v-for显示
这个方法是动态显示本地图片,服务器获取的图片不需要该方法 vue中图片数据,路径中公共部分不需要写,下面是vue3存储,vue2放data中 vue2 vue3 在utils文件夹下创建load_as
封装axios请求
先在vue.config.js文件内配置代理跨域 在src文件夹内添加api文件夹,内层添加index.js和requests.js两个文件 requests.js文件内部 index.js文件内部
Pinia封装使用
先创建stores文件夹,内部创建index.js文件和各分类文件 main.js文件内部 stores文件夹内index.js文件内部 stores文件夹内分类仓库文件内部(counter.js文件
Vue3|Router封装使用
router文件夹内index.js内部 main.js内,先创建app实例,再使用app,最后挂载
hooks封装页面滚动监听
hooks文件夹内部文件内 使用hooks文件夹内部文件内 使用hooks文件夹内部文件内 使用hooks文件夹内部文件内 使用
hooks封装切换网页标题
在src下创建hooks文件夹,内部添加userTitle.js文件 使用在src下创建hooks文件夹,内部添加userTitle.js文件 使用
vu2和vue3代码段
vscode左上角文件->首选项->配置用户代码片段 v2 v3vscode左上角文件->首选项->配置用户代码片段
ref和reactive应用场景
//1.reactive的应用场景 //1.条件一:reactive应用于本地的数据,用户输入收集 //2.条件二:多个数据之间是有关系/联系( 聚合的数据,组织在一起会有特定的作用) let acc