vue3
to be fan
名乎利乎道路奔波休碌碌,来者往者溪山清净且停停
展开
-
徒手搭建VUE3项目(四):开启全局websocket
公司项目是个定位系统,所以需要一进入系统就开启websocket,接受服务器的数据推送websocket的封装(包含心跳机制)import { socket_url } from "../config/common"; // socket的请求地址写在配置文件中export default (onMessage: Function) => { let socketUrl = socket_url.replace("https", "ws").replace("http", "ws")原创 2021-11-19 11:09:12 · 3982 阅读 · 4 评论 -
typescript引入vue文件和图片
参考文章传送门,src目录下面有一个shims-vue.d.ts(名字可以随便起,毕竟tsconfig会自动加载src下面的所有ts文件)// 声明.vue模块declare module '*.vue' { import { defineComponent } from 'vue' const component: ReturnType<typeof defineComponent> export default component}// 声明.png模块 .jpg同理原创 2021-09-27 19:46:48 · 575 阅读 · 0 评论 -
VUE3+TYPESCRIPT实现表格导出excel
安装依赖yarn add excel封装// exportToExcel.tsimport * as XLSX from 'xlsx';const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';const EXCEL_EXTENSION = '.xlsx';export class ExcelService { constructor() {原创 2021-09-27 19:35:47 · 1898 阅读 · 6 评论 -
徒手搭建VUE3项目(三):i18n国际化
安装包yarn add vue-i18n配置根目录新增language文件夹,创建index.ts、ch.js、en.js、jp.js// index.tsimport { createI18n } from "vue-i18n"export default createI18n({ locale: localStorage.getItem("language") || "ch", messages: { ch: require("./ch"),原创 2021-09-07 11:47:33 · 448 阅读 · 0 评论 -
徒手搭建VUE3项目(二):引入vuex,vue-router,axios
安装包 yarn add vuex@next vue-router@next axios@nextvue-router在组合API中的使用根目录下创建router文件夹,创建index.ts// router/index.tsimport { createRouter, RouteRecordRaw, createWebHashHistory } from "vue-router"import Login from "@/views/user/login.vue"import CommonL原创 2021-09-07 11:32:36 · 389 阅读 · 0 评论 -
徒手搭建VUE3项目(一):webpack初始化
创建一个空文件夹,进入,运行脚本 yarn init -y加-y可以跳过步骤,后期可以直接在package.json里面修改安装webpack相关依赖 yarn add webpack webpack-dev-server webpack-merge webpack-cli其中webpack-dev-server和webpack-cli启动本地服务,webpack-merge用于合并配置文件,下面有用到安装vue相关依赖 yarn add vue@next vue-loader@next原创 2021-09-07 10:35:44 · 402 阅读 · 0 评论