vue3,实战项目随心笔记

本项目模仿bibi 网站，主要是做一个pc和手机端的应用案例，主要涉及支付，三方登陆，css原子，妹子ui，路由缓存，组件封装，tailwindcss,vueuse 等常见企业级术应用，

由于本项目是同时手机和pc端，所以在路由访问时是需要判断客户端是设备，从而响应不同的路求请求，

初始化项目略过。。。。

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

构建移动端处理识别工具，MobileTerminal，

构建一个工具方法，封装成一个工具类utils，创建一个工具类方法，rleible.js 方法返回一个boolena形的数据，如果屏幕小与1280表示是移动端，如果为真表示是移动端，如果false表示是pc端，这个1280是一个常量，需要先定义在一个专门存放常量的文件中，一般常量的文件建议放在一个src/constants/index.js中

//src/constants/index.js

//export const pc_device_width = 1280

 

import {computed} from "vue";
import {PC_DEVICE_WIDTH} from "../constants/index.js";
/**
 * 判断是否发工屏宽度小与常量定义
 * **/
export const isMobileTerminal = computed(() =>{
    return document.documentElement.clientWidth < PC_DEVICE_WIDTH
})