VUE3+TS

使用Vite搭建vue3+TS项目

vite简介vite是一个基于Vue3单文件组件的非打包开发服务器，它具有快速的冷启动，不需要等待打包操作；并且官网说是下一代的前端构建工具。初始化项目npminitvite@latest1.输入项目名称2.选择Vue3.选择TS4.启动项目5.项目启动成功注意用vscode进行开发的时候，推荐使用volar,禁用以前vue2常使用的插件Vetur。修改vite.config.tsimport{d
喝西瓜汁的兔叽Yan·2023-01-11 07:34

vue3项目中封装axios的示例代码

axios的拦截器封装axios-封装基础属性封装拦截器封装公用的拦截器对单个请求传入拦截器对request请求方法封装目前前端最流行的网络请求库还是axios，所以对axios的封装很有必要，此次基于vue3
·2023-01-11 05:24

Vite+Vue3+Ts项目搭建（全套解决方案Vuex、VueRouter、elementplus、NaiveUI、全局深色模式、中英文切换）

Vite+Vue3+Ts项目搭建（全套解决方案Vuex、VueRouter、elementplus、NaiveUI、全局深色适配、国际化）使用Vite创建vue3+ts项目#创建vite项目npminit
CV大魔王·2023-01-10 03:51

vue3、ts如何封装 axios,使用mock.js

今天我们一起来看一看vue3+ts如何优雅的封装axios，并结合mock.js实现敏捷开发；但是我们要注意区分Axios和Ajax：Ajax是一种技术统称，技术内容包括：HTML或XHTML,CSS,
Fashion_Barry·2023-01-09 09:17

【vue3+ts后台管理】登录页面完成

创建登录页面及其路由创建LoginView.vue，先随便写点什么修改index.ts增加登录页的路由constroutes:Array=[{...},{...},{path:'/login',name:'login',component:()=>import('../views/LoginView.vue')}]然后在浏览器输入http://localhost:8080/login即可跳转登录页
Errol_King·2023-01-09 09:43

vue3+ts通用管理后台练习项目

vue3-ts-cms项目概述一个基于RBAC设计的通用后台管理系统，支持通过配置文件批量完成特定功能，如搜索、表格数据显示，导入、导出。项目中封装了大量通用组件，如表单、表格、Echarts图表、头像上传、面包屑、左侧菜单等。项目技术选型前端技术vue3全家桶TypescriptElement-plusaxiosEcharts后端技术Egg.jsSequelizeMysql项目亮点RBAC架构，
ベ远行ミ·2022-12-25 17:05

vue3+ts简单搭建

第一步运行cmd全局安装vuenpminstall-g@vue/cli第二步创建项目截图如下vuecreatevue_ts(项目名称)第三步在根目录创建vue.config.js，配置webpack，其余配置可根据实际需求配置//vue.config.jsmodule.exports={publicPath:process.env.NODE_ENV==='production'?'./':'/',
这是黑化后的咕噜·2022-12-25 17:04

vue3+ts组件之间通信

1.props+emits（父传子，子传父）优点：简单，易理解，使用最多缺点：仅限于父传子，子传父介绍：简单来说，组件通过props传递数据是vue最简单的方式，组件传，组件收，通常在vue的语法中，：v-bind是大多数实现的途径。1.通过父传子：//父组件importHelloWorldfrom"./HelloWorld.vue";import{ref}form"vue"constcount=
ljpzflove·2022-12-25 17:04

vue3+TS

1、h函数（.vue文件的single-file-components模式最后会编译成js运行，大致是下面这种）import{createApp,defineComponent,h}from"vue";//importAppfrom'./App.vue'importhelloworldfrom"./components/HelloWorld.vue";constApp=defineComponen
阿眠·2022-12-25 17:04

VUE3 + TS 引入echarts笔记

使用vue3+ts创建的h5项目，需要引入echarts。
IKAROSZS·2022-12-22 20:09

vue3+ts项目中封装3d单柱柱状图

vue3+ts项目中封装单柱的柱状图成品图下载echartsnpmiecharts封装组件为Barchart.vue文件import{nextTick,watch}from'vue'importechartsfrom
学习吖·2022-12-22 20:08

vue3+ts

vue3.0、ts、pinia、vite七七八八汇总***JS******ts******vue3.0******vue3中单文件组件******vite+vue3.0+ts+pinia项目搭建***cat‘不是内部或外部命令…’用type代替catJS最新的ECMAScript标准定义了8种数据类型：7种原始类型：BooleanNullUndefinedNumberBiglntStringSym
搬砖界的小菇娘·2022-12-22 20:06

Vue3+Ts(coderwhy)超详细学习笔记（二）邂逅Vue3开发

本文修改记录22/1/11发布22/3/20新增与Vue2与Vue3对比备注一.认识Vue.js1.1.认识VueVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。全称是Vue.js或者Vuejs；什么是渐进式框架呢？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目；1.2.Vue的安装Vue是一个JavaScript的库，刚开始我
coderYYY·2022-12-22 20:36

一、vue3+ts项目创建

学习codewhy教程做的笔记一、创建项目vuecreatevue3-ts-cms选择第三个选项，手动选择特性选择图中的几个特性选择vue3版本其余的如下图然后会开始创建项目二、代码规范1、集成editorconfig配置EditorConfig有助于为不同IDE编辑器上处理同一项目的多个开发人员维护一致的编码风格。新建.editorconfig文件#http://editorconfig.org
光明小学王小雨·2022-12-22 20:36

Vue3+TS项目实战1-环境准备

一、项目创建vuecreatevue3-ts-app//创建vue3项目自己配置依赖（根据个人习惯）cdvue3-ts-app//定位文件npmrunserve//启动项目8080端口启动成功二、目录分析三、elementplus安装--安装|ElementPlus1、安装npminstallelement-plus--save2、引入//main.tsimportElementPlusfrom'
xx忘记思考了·2022-12-22 20:05

vue3+ts项目 笔记总结

一、首先得先建好vue3+ts的项目：在终端新建项目输入：vuecreatevue3-ts接下来的每一步如图所示：注意要通过空格选中TypeScript二、项目建好后，开始正常的开发，注意区分vue2与
Lemon今天学习了吗·2022-12-22 20:35

vue3+ts笔记

监听vuex的值如果用另一种格式写，记得一定要return方法一监听值取值{{name}}//内置import{ref,onMounted,watch}from"vue";//状态vueximport{useStore}from'vuex'conststore=useStore()//响应式数据constname=ref(store.state.userInfo.name);//监听watch((
北里新妆·2022-12-22 20:35

Virtual script not found, may missing ＜script lang=“ts“＞ / “allowJs“: true / jsconfig.json. 报错解决

现在在用vue3+ts做项目，用volar做vue3语法指示器，遇到一些问题可能会报错。
虾十一·2022-12-17 01:15

Vue+TS

参考资料网址：Vue3+TS快速上手第一课快速链接笔记：安装TypeScript：cmd-npminstall-gtypescript检查安装：tsc-V实例代码如下：(()=>{//str这个参数是string
编程five·2022-12-02 21:27

vue3+ts的基础使用

vue3+ts的基础使用ref属性类型确定时有以下四种方式限制类型：import{ref,Ref}from'vue'//属性接口interfacebook{name:stringprice:number
爱前端的小怪兽·2022-12-02 21:26

Vue3+TS教程

Vue3组合式API1.钩子函数steup函数的普通用法exportdefault{setup(){return{}}}简写使用setup2.响应式APIref函数import{ref}from'vue'conststate=ref(0)functionincrement(){state.value++}{{state}}reactive函数import{reactive}from'vue'con
会飛的魚，·2022-12-02 21:13

vue3 + ts

vue.create+文件名2.会让你选择，上面的是自己之前选择好的，你也可以搭建的时候直接选择就可以3.按空格可以选中取消，我一般选择的是这几个4.选择v.35.接下来就是自己决定的YesorNo，这样vue3
一笔浓墨画佳人·2022-12-02 21:34

vite构建vue3+Ts项目

利用vite创建vue3项目目录利用vite创建vue3项目一.搭建一个Vite项目¶首先安装vite以下是安装方式第二步通过命令行安装想要的模板完善项目结构第三方库集成安装vue-router安装vuex配置store./src/main.ts中引入storevite+vue3+ts路径别名配置配置path引入时的报错解决css样式处理下载相关预处理器配置index.scss文件main.ts文
K可。乐L·2022-12-02 21:26

Ts基础知识及ts+vue3的基本使用

类型别名与接口三、类型保护1.类型断言2.in关键字3.typeof关键字4.instanceof关键字5.配置判断函数四、泛型1.泛型类型2.泛型约束========================vue3
大橘为重¨·2022-12-02 21:21

详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)

vite创建vue3+ts项目为何选择vite：vite是一个基于Vue3单文件组件的非打包开发服务器，它做到了本地快速开发启动：快速的冷启动，不需要等待打包操作；即时的热模块更新，替换性能和模块数量的解耦让更新飞起
大虾写代码·2022-11-21 18:40

使用ExcelJS实现excel的前端导入导出功能(Vue3+TS)

公司项目需要导出表格为报表，尝试了xlsx、sheetjs以及js-xlsx各种库，但是总有不满足需求的点（比如设置行高列宽、居中、合并单元格、添加背景色等等）或者API太少写起来太繁琐，最后找到ExcelJS能够实现所有需求。ExcelJS：读取，操作并写入电子表格数据和样式到XLSX和JSON文件。一个Excel电子表格文件逆向工程项目。github中文文档：https://github.co
侃侃·2022-11-18 12:04

Vue3+Typescript滑动验证，无其他依赖。

目录基于滑动式的验证码，免于字母验证码的繁琐输入用于网页注册或者登录VUE3+TS实现快速使用1.项目中引用props事件实例APIdescriptionexample基于滑动式的验证码，免于字母验证码的繁琐输入用于网页注册或者登录
monoplasty·2022-11-10 19:22

vue3+ts 登陆页面，前端实现滑块验证

验证通过拖动滑块校验请拖动滑块完成校验登录//ref:用于声明基础类型响应式数据,reactive:用于声明复杂类型响应式数据。unref:如果参数是一个ref则返回它的value，否则返回参数本身import{reactive,ref,unref,onMounted,inject,getCurrentInstance}from"vue";//接口import{login}from"@/api/U
小南瓜地·2022-11-10 19:44

VUE3+TS（父子、兄弟组件通信）

目录父传子子传父父读子（子传父）（父调用子的值和方法）兄弟（任意组件）通信引入Mitt来完成任意组件通信父传子1、统一规范写法，通过在子组件标签上绑定属性和值，来传递到子组件，子组件再通过defineProps来接收，先给其定义类型再用withDefaults是为了在不传递的时候给其一个默认值//父组件直接在标签发送//子组件定义类型再接受//?表示可传可不传typeProps={aaa?:Str
Johnson_9·2022-10-31 19:18

vue3+ts实际开发中该如何优雅书写vue3语法

目录vue3语法的发展优势CompositionApi类型约束编译器宏definePropsdefineEmitsdefineExpose总结vue3语法的发展Vue3在早期版本（3.0.0-beta.21之前）中对compositionapi的支持，只能在组件选项setup函数中使用。在3.0.0-beta.21版本中增加了的实验特性。如果你使用了，会提示你还处在实验特性阶段。在3.2.0版本中
·2022-10-31 13:50

花了三个月，终于把个人网站写完了

网站地址：瞳孔空间项目代码：eyesSpace（权限服务代码没开源，但不影响阅读业务逻辑）详细介绍可以看我录的视频：花了三个月，终于把个人网站写完了一：介绍技术栈：前端：Vue3+TS后端：SpringCloud
_瞳孔·2022-10-21 10:29

uni-app弹出层uni-popup使用以及修改默认样式

使用vue3+ts，使用组合式api首先看看在vue3+ts+setup下的使用：弹出你好import{ref}from"vue";//这里的这个变量名，必须和上面的ref="popup"的变量名相同，
lsjweiyi·2022-09-29 18:05

Vue使用pinia管理数据 pinia 持久化存储

Vue使用pinia管理数据Vue3+TS步骤：在main.ts中注册piniaimport{createPinia}from'pinia'constpinia=createPinia()app.use
wendyymei·2022-09-24 19:26

2022全面升级Vue3 + TS 仿知乎专栏企业级项目完结内置文档

download：2022全面升级Vue3+TS仿知乎专栏企业级项目完结内置文档Spring5源代码5-Bean生命周期后处理器主要解释三种生命周期增强剂:beanfactorypostprocessor
·2022-09-23 16:52

2022全面升级Vue3+TS 仿知乎专栏企业级项目

download：2022全面升级Vue3+TS仿知乎专栏企业级项目Golang-单元测试和模拟框架的介绍和推荐简介:探索golang的单元测试框架，看看哪个框架与业务经验结合得更好。
·2022-09-19 21:33

2022全面升级Vue3 + TS 仿知乎专栏企业级项目完结无密含资料

download：2022全面升级Vue3+TS仿知乎专栏企业级项目完结无密含资料一条SQL语句从头到尾1.一段SQL是怎样降生的？SQL语句都降生在客户端。
·2022-09-19 16:17

使用Vue3+TS 封装当前时间的hook

没什么话想说的，showcode！(其实很烂)代码冗余也懒得改了…封装:hook>useTime.tsimport{ref,reactive,onMounted,onUnmounted}from'vue'/***如果当前分钟和秒钟是小于10的话，前面加一个0***/exportdefaultfunctionuseTime(){letnow=reactive(newDate())lethour=re
vernin·2022-09-10 19:04

手把手教学：VUE3+TS组件库开发与发布

前言当市面上主流的组件库不能满足我们业务需求的时候，那么我们就有必要开发一套属于自己团队的组件库。以下用一个简单的组件来讲述基于Vue3.0+TS的组件从开发到发布npm仓库的全过程（参考element-plus）环境这里列出本文所使用的环境版本vue3.0vue/cli4.5.9nodeJs14.15.1npm6.14.8>vue--version@vue/cli4.5.9>npm-v6.14.
韭阿哥·2022-09-05 19:56

vue3+elementui使用方式（完整，包括创建项目）

npminitvite@latest（vue3+ts）第一次创建项目第一个默认选择y，我这里面截图因为是第二次创建，所以就没出现。
你知不知·2022-09-02 17:55

Vue3项目添加 ESLint 和 Prettier

Vue3+TS项目中增加ESLint和Prettier背景eslint用于校验代码语法规范，保证项目质量；prettier用于保证项目代码的格式与风格；Vue3项目初始化参考搭建Vite项目#npm6.
·2022-09-02 16:55

vue3+ts如何通过lodash实现防抖节流详解

目录安装lodash防抖节流补充：vue3引入lodash报错总结安装lodashnpmi--save-dev@types/lodash在组件中引入lodashimport*as_from'lodash'防抖_.debounce(func,[wait=0],[options=])函数在延迟几毫秒之后才执行，也就是停止改变几秒后执行参数func(Function):要防抖动的函数。[wait=0](
·2022-08-30 19:07

Vue3 携手 TypeScript 搭建完整项目结构

目录一、项目搭建二、OptionAPI风格三、CompositionAPI风格refreactive四、自定义Hooks五、小建议六、一个完整的Vue3+ts项目七、结束TypeScript是JS的一个超级
·2022-08-25 09:39

vue3项目新用户引导组件(driver.js)

好用的用户引导插件有intro.js和driver.js两个，对比了一下，最终还是使用了driver.js主要有以下原因：用法简单可以商用总要选一个吧项目使用的是vue3+ts因为多个地方需要使用引导，
行者-龙·2022-08-20 18:27

分享一个vue3+ts的图片瀑布流组件

功能实现图片瀑布流排列（列宽一致）自定义图片列数保持图片原始宽高比例自定义行列间距自定义图片内间距自定义图片字段importMWaterfallfrom"@/components/m-waterfall/index.vue"import{defineProps,nextTick,onMounted,reactive,ref,watch}from"vue";interfaceIImgData{src
行者-龙·2022-08-20 18:55

2022微信小程序包体积优化，微信小程序公共代码体积优化

最近公司在做微信小程序包体积优化，先从wepy1.X迁移到了uniapp（vue3+ts）,然后还遇到一个很常见的问题，微信小程序的公共代码，或者多个分包的非公共代码怎么放，怎么优化，话不多说，这里记录一下如以下情况
kyle背背要转运·2022-08-18 10:25

Vue3+TS快速上手

文章目录一、TypeScript快速上手初识TypeScript安装TypeScript第一个TypeScript程序TypeScript常用语法基础类型接口类函数泛型二、认识vue3认识vue3创建vue3项目CompositionAPI（常用部分）一、TypeScript快速上手初识TypeScriptTypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6+的支持，
偷一只猪ma·2022-08-13 13:11

Vue3+TS——使用@代替src路径中的../

使用@代替src路径中的../安装pathnpminstallpath--save找到vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importComponentsfrom'unplugin-vue-components/vite';import{VantResolver}from'unpl
Nanchen_42·2022-08-13 13:35

报错： Error: Cannot find module ‘vue-template-compiler‘

报错：Error:Cannotfindmodule‘vue-template-compiler’新建Vue3+ts项目时，正常创建项目，如图：但是回车后报错：一脸懵逼，回头看了一下自己创建项目的步骤，是这样的
可可爱爱的你吖·2022-08-05 08:17

基于Vue3+TS封装的Table表格

{{(page.index-1)*page.size+scope.$index+1}}import{defineComponent,reactive,ref,onActivated,onMounted}from'vue'exportdefaultdefineComponent({props:{data:{type:Array,default:()=>[]},//数据源select:{type:Ar
Web小能手·2022-07-31 15:21

【Vue3+TypeScript】---管理系统01

多一些不为什么的坚持这里是大眼(◉ɷ◉)萌–贤蛋，一名很普通但不想普通的程序媛本文章收录于专栏：Vue3+Ts管理系统Vue3+Ts--管理系统011.项目搭建2.代码规范2.1集成editorconfig
贤蛋大眼萌·2022-07-28 09:27
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他