vue
兔帮大人
平台架构师,全线工程师
展开
-
各大主流网站使用的 font-family 字体
1,Arial出镜率最高,一般在第二位,Arial 确实是前 ClearType 时代 Windows 里最好的几个正文字体之一(还有 Verdana 和 Tahoma 等)。4. Tahoma,Arial,Verdana可以放在前边,宋体放在最后。其他可以尝试用下微软雅黑等字体。3,宋体,“SimSun”—微软宋体,一般放在最后两位。2,其次是Tahoma,很多网站把它放在第一位。原创 2022-11-30 16:08:35 · 3139 阅读 · 1 评论 -
vue3 + typescript 全局挂载 axios
vue2 全局挂载 axiosimport Vue from 'vue'import http from './api'Vue.prototype.$http = http;注:api 是封装了 axios 的文件夹,这里不详细列出vue2 使用全局挂载 axiosthis.$http.get()vue3 全局挂载 axiosimport { createApp } from 'vue'import http from './api'const app = createApp(App原创 2022-05-07 12:18:06 · 1431 阅读 · 1 评论 -
vue3 + setup语法糖 + typescript 实现组件间通信
vue 组件间通信分为 :父组件向子组件通信子组件向父组件通信兄弟间组件通信首先什么是父子组件一个组件引入了另外一个组件,那么被引入的组件是子组件代码演示一下在 components 有两个 vue 文件,Father.vue 以及 Son.vue在 Father.vue 引入 Son.vue 的组件那么 Father.vue 是 Son.vue 的父组件,Son.vue 是 Father.vue 的子组件接下来演示下父子组件间通信父组件向子组件通信在用 vite 构建 vu原创 2022-05-06 12:48:08 · 1823 阅读 · 0 评论 -
Vite2 + typescript 配置路径别名@
vue-cli 搭建的 vue 项目的路径别名配置是在 vue.config.js。vite 搭建的 vue 项目的路径别名的配置需要修改两个文件:vite.config.ts 以及 tsconfig.jsonvite.config.tsimport { resolve } from 'path'export default defineConfig({ resolve: { alias: { "@": resolve(__dirname, 'src'),原创 2022-05-03 11:22:04 · 1581 阅读 · 0 评论 -
vite+vue3+antdV 按需加载
以前是用 babel-plugin-import 配置 antdV 的按需加载,现在使用 vite 搭建 vue 项目,就要按照 vite 的方式配置 antdV 的按需加载。看官方文档,官方文档才是最标准的答案antdV 文档: https://www.antdv.com/docs/vue/getting-started-cn很明显,文档已经给出了 vite 按需加载的配置,就是要安装 unplugin-vue-components 插件,有些别的博客文章会说要安装 vite-plugin-comp原创 2022-05-03 10:36:22 · 3530 阅读 · 0 评论 -
nvm-windows 报错:Node.js v14.17.6 is not yet released or available
我是用 nvm-windows 进行多个 node.js 版本的管理。nvm-windows 已经是配了国内镜像,但在安装 node.js v14.17.6 版本的时候报出了以下错误:node.js v14.17.6 已经是released 版本,而且用 nvm 也能查到这个版本没办法,只能从腾讯镜像手动下载 node.js v14.17.6 的压缩包解压到 nvm 的安装目录这样子,nvm 就能自动识别这个版本的。搞定。...原创 2022-05-01 10:53:19 · 6292 阅读 · 1 评论 -
Vite+Vue3+Element-Plus 2.1 按需加载(亲测成功)
首先 nodejs 的版本必须 >= 14.17我使用的版本是 v14.17.6需要安装两个插件yarn add unplugin-vue-components unplugin-auto-import -D并配置 vite.config.js`以上都是官方文档内容:https://element-plus.org/zh-CN/guide/quickstart.html#%E6%8C%89%E9%9C%80%E5%AF%BC%E5%85%A5找个vue页面来验证下,验证 elbutt原创 2022-04-29 11:10:28 · 2421 阅读 · 1 评论 -
Vite 2.9 构建 vue 项目
vite 和 vue-cli 都是脚手架工具vite 是尤大大开发的构建工具,是基于浏览器原生 ES 模块导入的开发服务器,跳过了打包的概念,由服务器端按需编译返回。Vite 最新版本是 2.9.2,github 上的最新版本是 2.9.8Vite 构建 vue 项目比 vue-cli 无需配置太多。1. vite 初始化yarn create vite填入要构建的项目名称,我这里是 “hello-world”2. 选择构建语言选择 vue,vite默认 vue 的版本是 vue33.原创 2022-04-22 12:32:12 · 1325 阅读 · 0 评论 -
vue-cli 5 搭建 vue 项目
vue-cli 5 搭建 vue 项目原创 2022-04-22 10:45:33 · 5427 阅读 · 5 评论