vue
文章平均质量分 62
接触vue4.0插件,一起学习vue+ts+vite+setup语法糖的全新体验 根据我当前经验上述组合可以在现有开发效率提升一倍
BLUESKYHOST
这个作者很懒,什么都没留下…
展开
-
vue3.0 日历
效果图安装环境“vue”: “^3.2.6” “vite”: “^2.5.4”介绍解决思路 利用css 缩放 来处理大屏适配的问题,项目地址安装npm i calendar-vue3引入import {calendarVue} from 'calendar-vue3'import 'calendar-vue3/dist/style.css'使用示例 <template><!-- tablecommon --> <el-scroll原创 2022-01-14 10:01:53 · 2125 阅读 · 0 评论 -
vite SSR 超简单的服务端渲染
项目地址 https://gitee.com/blueskyliu/vite-ssr效果图使用安装yarn运行yarn dev //开发模式运行yarn build //打包目录结构dist 打包目录server.js 打包后的node express 运行脚本【build后使用这个进行部署剩余的目录结构内容与 vue 没什莫大的区别使用插件 "dependencies": { "@vue/server-renderer": "^3.2.6", "原创 2021-08-28 16:57:34 · 2789 阅读 · 1 评论 -
vue3.0国际化
安装npm install vue-i18n@next 快速使用封装组件前提准备创建 /@ts/language/index.ts 文件夹import {createI18n} from 'vue-i18n';import { App } from 'vue';import zh from '/@ts/language/lang/zh';import en from '/@ts/language/lang/en';export const i18n = createI18n({原创 2021-08-17 13:49:58 · 412 阅读 · 0 评论 -
VueUse中文文档/Vue官方工具库
VueUse官网地址https://vueuse.org/这里就列举常用工具详情请去官网 查看所有API浏览器useFullscreen全屏展示//isFullscreen 当前是否是全屏//toggle 是函数直接调用即可const { isFullscreen, toggle } = useFullscreen();useClipboard粘贴功能//text 粘贴的内容//copy 是粘贴函数const { text, copy, isSupported } = useCli原创 2021-05-20 16:58:38 · 34633 阅读 · 0 评论 -
vue script setup语法糖
创建项目yarn 安装的 vue3.0+vite+tsyarn create @vitejs/app my-vue-ts-vite --template vue-ts示例这个时候你在App.vue发现这个 script setup语法糖<template> <h1><a href="">{{ count }}</a></h1> <h1>{{state.data.a}}</h1> <button原创 2021-05-22 11:06:40 · 1854 阅读 · 1 评论 -
element-plus打包报错/vue3.0+vite+ts别名引入ts文件报错
element-plus报错内容Cannot find name ‘Nullable’. Cannot find name ‘ComponentSize’.解决办法package.json文件修改build参数删改成下面参数"build": "vite build",别名引入报错问题tsconfig.json 文件添加如下代码 "paths": { "@ts/*": [ "./src/*" ] },引入方式import { key }原创 2021-05-29 13:57:32 · 3873 阅读 · 3 评论 -
vueRouter4.0+ts
准备工作所需了解的vuex接口类Module<S,R>module的类型S 代表当前module的State类,R代表 createStore的State类ActionContext<S,R>store上下文的类型S 代表当前的State类,R代表 createStore的State类StoreOptions代表创建的Store类型S 代表当前module的State类,所需了解vuex的Store需要准备State类型文件名 root-原创 2021-05-27 11:24:31 · 4540 阅读 · 0 评论 -
Vuex+ts规范案例
准备工作所需了解的vuex接口类Module<S,R>module的类型S 代表当前module的State类,R代表 createStore的State类ActionContext<S,R>store上下文的类型S 代表当前的State类,R代表 createStore的State类StoreOptions代表创建的Store类型S 代表当前module的State类,所需了解vuex的Store需要准备State类型文件名 root-原创 2021-05-27 11:00:23 · 1644 阅读 · 0 评论