![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3
主要以vue3知识为主,以及将来使用中可能碰到的一些问题
蕉君桑
这个作者很懒,什么都没留下…
展开
-
Vue3+vite项目中使用mock模拟接口
注意此处如果配置出错可能是vite-plugin-mock依赖的版本有问题,重新安装一下依赖指定版本即可,这里推荐使用2.9.6版本的。根路径(src平级的目录)新建文件夹mock,新建文件user.ts添加以下代码。分别安装vite-plugin-mock跟mockjs两个插件。vite.config.ts中添加配置,主要是红色标记的配置。测试结果,响应结果为200,模拟请求成功。安装axios进行测试。原创 2024-05-29 00:05:59 · 299 阅读 · 0 评论 -
vue3注意事项
切换main.ts里面的挂载顺序,正确顺序是先使用组件最后才挂载根组件app。引入element-plus组件报警告。原创 2024-05-19 22:55:47 · 205 阅读 · 1 评论 -
【Vue3练习】Vue3使用v-model以及多个v-model
注意事项:Vue3里面v-model对应的事件名称不能随便取了,必选是update:后面接对象的绑定值(父组件传入的值)原创 2023-12-17 22:44:30 · 401 阅读 · 0 评论 -
Vue3 pinia的基本使用
使用的时候记得使用一下,因为向外暴露的是一个方法,所以需要调用一下才能获取到值,因为在store里面已经使用ref响应过了 所以无需用ref定义,直接在页面使用即是响应式数据,pinia的使用跟vuex很像,去除了很多没用的api,写法有两种,一种老式的选项式api还有一种组合式api,用哪种根据自己喜好来,以下示例为组合式api。:此处尽量不要解构,解构会丢失响应式,如果一定要解构请使用storeToRefs,参数三:持久化配置(将数据放缓存持久保存)参数二:数据存储区以及方法,使用示例:示例来自官网。原创 2023-12-05 18:10:51 · 165 阅读 · 0 评论 -
vue3使用element-plus
安装。原创 2023-11-15 17:09:08 · 733 阅读 · 0 评论 -
vue3注意事项(更新中···)
之前在写vue2项目的时候习惯了less于是用/deep/ .className{}方式来选择类名,然后切换到vue+scss之后发现/deep/写法不管用了,一番查找才发现/deep/是less里面的写法,而在scss中一般采用 ::v-deep,结果编译的时候还是报警告,再次查找原来vue3中有特定的写法:deep()原创 2023-11-13 23:15:55 · 154 阅读 · 0 评论 -
vue3使用粒子特效
【代码】vue3使用粒子特效。原创 2023-11-13 22:32:49 · 368 阅读 · 0 评论 -
vue2、vue3创建项目
首先在你想要创建项目的文件地址栏输入cmd然后enter打开终端创建项目的前提是你的电脑上安装了node跟vue脚手架vue脚手架安装windows系统直接左下角搜索栏输入cmd然后输入npm install -g @vue/cli全局安装脚手架然后vue create 项目名,创建过程中会出现让你选择对应的vue版本,选好了enter就行了创建vue3项目的时候脚手架版本必须在4.5.0以上,vue -V查看版本...原创 2022-05-11 22:52:54 · 35 阅读 · 0 评论 -
【vue3练习 -18】vue一些其他改变
vue一些其他改变原创 2022-09-12 11:08:16 · 27 阅读 · 0 评论 -
【vue3练习 -16】vue3其他api总结
vue3其他api总结原创 2022-09-09 23:38:18 · 41 阅读 · 0 评论 -
【vue3练习 -15】vue3使用provide与inject
vue3使用provide与inject原创 2022-09-08 23:48:32 · 115 阅读 · 0 评论 -
【vue3练习 -14】vue3使用customRef()
vue3使用customRef()原创 2022-09-07 23:38:27 · 97 阅读 · 0 评论 -
【vue3练习 -13】vue3使用toraw(),markRaw()
vue3使用toraw(),markRaw()原创 2022-09-07 18:25:05 · 1051 阅读 · 0 评论 -
【vue3练习 -12】vue3使用readonly(),shallowReadonly()
vue3使用readonly(),shallowReadonly()原创 2022-09-07 17:31:15 · 80 阅读 · 0 评论 -
【vue3练习 -11】vue3使用shallowReactive(),shallowRef()
vue3使用shallowReactive(),shallowRef()原创 2022-09-06 23:29:05 · 75 阅读 · 0 评论 -
【vue3练习 -10】vue3使用toRef()、toRefs()
vue3使用toRef()、toRefs()原创 2022-09-06 23:02:58 · 95 阅读 · 0 评论 -
【vue3练习 -07】vue3监听属性watch
vue3监听属性watch原创 2022-08-29 23:43:52 · 166 阅读 · 0 评论 -
【vue3练习 -09】vue3使用hook、自定义hook
vue3使用hook、自定义hook原创 2022-09-05 23:40:30 · 233 阅读 · 0 评论 -
【vue3练习 -07.5】vue3 watchEffect函数监视
vue3 watchEffect函数监视原创 2022-08-30 22:36:56 · 48 阅读 · 0 评论 -
【vue3练习 -04.5】reactive 与ref对比
reactive 与ref对比原创 2022-08-28 23:07:23 · 25 阅读 · 0 评论 -
【vue3练习-04】vue3响应式原理
vue3响应式原理原创 2022-08-28 23:04:28 · 27 阅读 · 0 评论 -
【vue3练习-01】setup()的李姐
vue3.0 setup()配置原创 2022-08-23 23:33:20 · 24 阅读 · 0 评论 -
【vue3练习 -08】vue3生命周期
vue3生命周期原创 2022-08-30 23:07:16 · 68 阅读 · 0 评论 -
【vue练习 -06】vue3计算属性computed
vue3计算属性computed原创 2022-08-29 22:31:39 · 96 阅读 · 0 评论 -
【vue3练习-02】 ref()函数实现响应式
ref()函数实现响应式原创 2022-08-24 23:53:15 · 50 阅读 · 0 评论 -
【vue3练习-03】reactive()函数实现数据响应式
reactive()函数实现数据响应式原创 2022-08-25 23:36:48 · 59 阅读 · 0 评论 -
【vue3练习 -05】setup()函数的接收参数
setup()函数的接收参数原创 2022-08-28 23:51:43 · 230 阅读 · 0 评论