这里就以setup语法糖来介绍,因为毕竟setup语法糖还是更方便些嘛。
原创 2022-08-28 00:21:12
270阅读
前言不少前端小伙伴问过我,说业务代码写了2、3年了,应该如何再进一步?村长的回答中大多数会提到两个关键点:加强工程化实践能力和底层原理源码知识。这里面尤其工程化实践能力对于小伙伴们在工作中解决问题的能力有直接影响,这也就影响了大家在团队内部的技术影响力、架构能力。说的更直白一点就是,如果你想成为小组的核心程序员,拿更高的职位和薪资,能够给大家搭架子,解决问题,重难点突破是非常关键的几个考察点。那么
转载 2022-12-29 15:14:52
734阅读
加上ts其实就是多了类型的约束,vue-router中已经给我们提供了RouteRecordRaw类型,可类型了
原创 2022-08-21 00:59:01
2306阅读
​通用后台管理系统整体架构方案(Vue)
转载 2022-02-25 14:14:57
794阅读
流莺书签,一个用来收藏网站的项目 使用Vite+Vue3+Ts进行开发,具有书签、标签的增加,删除,修改,一键导入,导出配置,自动获取网站图标、标题等功能 你一定会喜欢的!
原创 2021-08-31 10:36:03
694阅读
1、使用element-plus时默认的语言是英文,如何将其设置为中文,使用 el-config-provider 来进行配置 // app.vue <template> <el-config-provider :locale="locale"> <router-view></router-view ...
转载 2021-08-17 15:36:00
416阅读
2评论
# Vite + Vue3 + TypeScript + Axios 封装 在前端开发中,我们经常会使用到一些工具和库来提高开发效率和代码质量。在最近的前端开发中,ViteVue3、TypeScript 和 Axios 是一些非常流行的工具和库。本文将介绍如何结合这些工具和库来进行封装,以提高我们的开发效率和代码质量。 ## 1. Vite Vite 是一个由 Vue.js 核心团队开发的
原创 2024-07-03 03:22:44
221阅读
使用 Vite 快速搭建 Npm npm init @vitejs/app` Yarn yarn create @vitejs/app 选择vue- vue-ts 安装依赖 npm install 启动项目 npm run dev 修改 Vite 配置文件 import { defineConfig ...
转载 2021-09-04 11:40:00
1006阅读
• 初始化项目:​​npm init vite@latest​​
原创 2022-04-06 14:11:18
248阅读
快捷导航vue3.x的新特性研究vue2.x面临的问题vue3.x的主要优势vue3.x写法变动Vue Function-based API RFC1. setup()2. state 的设定包装对象**ref()**附加的 reactive()3. computed4. watch5. prop6. 生命周期与 react hooks 对比 vue3.x的新特性研究本文仅作为vue3.x的研究
下载@types/nodenpm i -D @types/nodevite.config.tsimport { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname, 'src'),
转载 2023-04-27 14:53:39
355阅读
这里记录工作中遇到的技术点,以及自己对生活的一些思考,周三或周五发布。 封面图 我一直认为前端封装组件是一件非常简单的事情,不管我们用的技术栈是三大框架里的哪一个。对于一般的业务来说,我们只需要考虑将
原创 2022-08-04 16:21:57
323阅读
目标:用 vite2 + vue3 + Ts 搭建一个开箱即用的最简 ssr 通用项目,  包含必要的 vuex vue-router asyncData header管理。 一 通过官方脚手架搭建一个 vue-ts 的 SPA 项目首先安装 yarn 包管理工具:  创建一个简单的 vue-ts 项目:  // 选择 vue-ts 模版
转载 11月前
114阅读
vite 创建 vue3 项目 TS 类型 之前学习过 vue2 的宝子们是知道的,当时我们开发 v
原创 2022-12-13 10:58:29
356阅读
一、区别 let route = useRoute() 注意: 1、params参数可选可不选,参数占位后面+? 2、path占位符 3、使用name 二、案例 1、跳转
原创 6月前
69阅读
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一:使用Tree 树形控件,官方文档https://www.iviewui.com/components/tree以官方demo为例,数据中添加URL属性,用于路由跳转,正式项目中该tree控件的数据由后端给出,需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ,如果没有自己手动加或后端改,没有这
vite + ts 配置别名
原创 2022-11-29 10:25:00
406阅读
一、区别 1、获取路由器 let router = useRouter() 2、使用 router.push({ name:'detail', query:news }) 二、案例 <template> <ul> <button v-for="news in newList" :key="news.
原创 6月前
64阅读
主要是为了学习后端的一些知识,比如 mysql ,redis 数据库,接口开发规范等,顺便把 vue3ts 加强一下。
原创 精选 2023-06-25 09:17:48
752阅读
1点赞
随着Vue 3最近进入发布候选阶段,是你尝试一下的绝佳时机。要马上开始,你需要使用viteVue的创建者提供的新的web开发构建工具。Vite提供了一个新的插件系统来扩展Vite的功能。今天我们来看看如何设置一个简单的vite插件。这个插件会做什么?我们的插件将根据Vue组件的目录自动生成Vue-Router路由。这从Nuxt的路由功能得来的灵感,即我们想把这个目录结构:src/|--
转载 8月前
56阅读
  • 1
  • 2
  • 3
  • 4
  • 5