![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue3
记录使用Vue3过程中的点点滴滴
AllenZouJ
这个作者很懒,什么都没留下…
展开
-
手把手教你用vite搭建vue3.0项目(三):跨域代理
1. 安装axios值得一提的是,这里不用再加@next了,直接用就好。yarn add axios2. 请求接口为了展示,我直接在Home.vue中使用,对于axios大家可以自行封装。和之前vue2项目没有太大区别, 最多就是把比如api.js改成api.ts。接口是vite文档里的假接口,但是同样也能提醒跨域报错Home.vue<script lang="ts">import { defineComponent, onMounted } from "vue";原创 2021-07-15 15:35:55 · 1398 阅读 · 0 评论 -
手把手教你用vite搭建vue3.0项目(二):vant
当Vue项目可以做到路由跳转之后,我们就可以开发页面了。常用的支持vue3.0的ui组件库有element-plus和vant,因为是做移动端项目,这里选择vant:Vant文档1. 安装vantyarn add vant@next同样的,这里也是next2. 全局使用按需加载虽然能减小代码体积,但是会增加开发者的烦躁体积。为了简单粗暴的使用vant,选择文档不推荐的方式来使用,即全局引入,一次性导入所有组件。main.tsimport { createApp } from 'v原创 2021-07-15 14:52:18 · 786 阅读 · 0 评论 -
手把手教你用vite搭建vue3.0项目(一):vue-router
时间飞速流转,上一次尝试使用vite的时候,还是1.0版本,半年不到,已经更新到2.4版本了。再看看网上的vite博客,竟然有种时光交错之感,心里感慨万千。所以建议大家还是看官方文档,以文档为准:Vite官方中文文档我在此也做一个记录,搭建一个vue3.0的全家桶项目。话不多说,开整!1. 创建项目yarn create vite注意这里的vite不是项目名,而是单纯地指vite构建工具。然后会问项目名(demo),框架选择vue,再选择vue-ts的模板。cd demo打开文件原创 2021-07-15 14:28:01 · 3053 阅读 · 0 评论