一、安装 npm i vue-router 二、创建 1、新建 src/router/index.ts index.ts import {createRouter, createWebHashHistory} from 'vue
原创 7月前
64阅读
【代码】vue3+ts项目安装路由
原创 2023-02-25 11:13:54
137阅读
1点赞
项目结构介绍                                  模块名说明views页面storespinia全局状态管理router路由requestaxios请求封装modules模块数据格式封装di
原创 2024-05-11 11:48:19
243阅读
一、区别 let route = useRoute() 注意: 1、params参数可选可不选,参数占位后面+? 2、path占位符 3、使用name 二、案例 1、跳转
原创 7月前
69阅读
一、params简写 1、路由 props: true 注意:只能params传参可以使用 { name:'detail', path:'detail/:id/:name/:content?', component:()=>import('@/views/Detail.vue'), props: t
原创 7月前
85阅读
摘要: 原有的项目是通过vue-cli3创建的vue项目,引入ts进行开发,不影响之前的页面。安装依赖npm install typescript ts-loader --D npm install vue-property-decorator // 用于在.vue文件中使用ts语法,第一次用-D的方式安装发现不支持配置文件# vue.config.js # 使用ts-loader来转换ts文件
转载 2024-01-08 15:00:33
39阅读
一、区别 1、获取路由器 let router = useRouter() 2、使用 router.push({ name:'detail', query:news }) 二、案例 <template> <ul> <button v-for="news in newList" :key="news.
原创 7月前
64阅读
### ts配置路由 ①安装:npm i vue-router -S ②src下新建pages/Home.vue(还有Goods.vue、Detail.vue等页面): <template> <div class="home"> <h2>首页</h2> </div> </template> <scr
qt
原创 2021-07-13 16:27:16
1530阅读
What is TSTS语言,也就是TypeScript,是前端一个非常强大的语言超集,基于JavaScript。TS的强大吸引了许许多多的前端开发者学习使用。TS最大的特点,就是在JavaScript的基础上,设计了泛型、对象、继承、数据类型等等。JavaScript在我们开发中,报错非常高,因为JS属于弱类型语言。而TS具有强类型校验,比如严格的数据类型,严格的格式等等。VUE-CLI创建T
vue3.0、ts、pinia、vite七七八八汇总JSts1、基本数据类型2、数组Array和元组Tuple3、interface接口4、函数5、类型推论、联合类型、类型断言、类型守卫6、枚举7、泛型8、类型别名 和 交叉类型9、声明文件(1) axios.d.ts //注.d.ts固定写法(2) 引入第三方声明文件(3)声明文件-小例子 计算器10、内置类型11、配置文件vue 3.0ref
转载 2024-03-23 08:14:59
232阅读
最近项目需要将原vue项目结合ts的使用进行改造,这个后面应该是中大型项目的发展趋势,看到一篇不错的入门教程,结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明,适合入门。1、引入Typescriptnpm install vue-class-component vue-property-decorator --save npm install ts-loader typescri
转载 2024-04-15 12:55:20
277阅读
路由守卫和退出登录
原创 2022-08-07 00:31:08
1272阅读
Vuex对Typescript的支持,仍十分薄弱,官方库只是添加了一些.d.ts声明文件,并没有像vue 2.5这样内置支持。 第三方衍生库 vuex-typescript, vuex-ts-decorators, vuex-typex, vuex-class等等,我个人的总结,除了vuex-cla
原创 2022-05-12 17:40:27
1858阅读
# 如何实现“vue ts 封装axios” ## 整体流程 | 步骤 | 内容 | | ------ | ------- | | 1 | 安装axios和@types/axios依赖 | | 2 | 创建封装axios的service文件 | | 3 | 编写封装axios的service代码 | | 4 | 在Vue组件中使用封装后的axios | ## 步骤说明 ### 步骤1:安装
原创 2024-07-04 03:40:48
74阅读
 ts流最早应用于数字电视领域,其格式非常复杂包含的配置信息表多达十几个,视频格式主要是mpeg2。苹果公司发明的http live stream流媒体是基于ts文件的,不过他大大简化了传统的ts流,只需要2个最基本的配置表PAT和PMT,再加上音视频内容就可以了,hls流媒体视频编码的主要格式为h264/mpeg4,音频为aac/mp3。ts文件分为三层:ts层(Transport S
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS,要比选项式API中使用TS会更加的简单,不需要做过多的处理,只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力,代码如下:<script setup lang="ts"> import { computed, ref } from 'vue'; let count = ref(0); le
转载 2023-10-23 11:56:18
72阅读
目录:一、 OSPF路由协议概述    1,OSPF协议    2,内部网关协议和外部网关协议    3,OSPF的工作过程 二、OSPF基本概念   1,OSPF区域   2,区域ID   3,ROUTE ID   4,DR和BDR  
转载 2024-03-06 15:02:28
61阅读
# 在 Vue + TypeScript 项目中安装 jQuery 的完整指南 在前端开发中,jQuery 是一个流行的 JavaScript 库,用于简化 DOM 操作、事件处理和 AJAX 请求。在使用 Vue 和 TypeScript 的环境中,虽然 Vue 具有强大的数据绑定和组件化能力,但在某些情况下,我们可能需要使用 jQuery 来处理某些特殊的需求。本文将指导你如何在 Vue +
原创 11月前
29阅读
深入使用TS 支持 render jsx 写法 这里一共分两步 首先得先让 vue 支持 jsx 写法 再让 vue 中的 ts 支持 jsx 写法 让 vue 支持 jsx 按照官方做法,安装Babel 插件 安装依赖 在.babelrc中添加: 之后就可以这些写render,如下图: 让 ts
原创 2022-05-12 17:41:38
973阅读
# 如何实现“vue ts读取redis” ## 一、流程图 ```mermaid flowchart TD A(开始) --> B(安装redis) B --> C(引入redis模块) C --> D(连接redis) D --> E(读取数据) E --> F(展示数据) F --> G(结束) ``` ## 二、步骤及代码 | 步骤
原创 2024-04-27 04:12:24
42阅读
  • 1
  • 2
  • 3
  • 4
  • 5