当Vue项目可以做到路由跳转之后，我们就可以开发页面了。
常用的支持vue3.0的ui组件库有element-plus和vant，因为是做移动端项目，这里选择vant：Vant文档
1. 安装vant
yarn add vant@next
同样的，这里也是next
2. 全局使用
按需加载虽然能减小代码体积，但是会增加开发者的烦躁体积。
为了简单粗暴的使用vant，选择文档不推荐的方式来使用，即全局引入，一次性导入所有组件。
main.ts
import { createApp } from 'vue'
import App from './App.vue'
import Vant from 'vant';
import 'vant/lib/index.css';
import router from './router/index'
const app = createApp(App)
app.use(router)
app.use(Vant);
app.mount('#app')
在home.vue加上一个vant组件，看看效果吧。
<template>
<div><van-button type="primary">首页</van-button></div>
</template>
凭借对css的深刻理解和vant组件库的协助，我们可以很快地把页面开发完毕。
差点忘了，还要使用sass呢！
yarn add sass --dev
然后直接在vue文件中写
<style lang="scss" scoped>
是的，就是这么地简单粗暴！
下一步，就要请求接口了。
而请求接口又必然会碰到跨域的问题，这又怎么搞呢？
欲知后事如何，请听下回分解。
