![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0 + ts
文章平均质量分 56
小小liang
一个在深圳捡破烂的前端
展开
-
ts之高阶使用infer (简单的定义 数组、infer U做占位符、infer U做占位符 - 联合类型、infer U做占位符 - 提取数组之中的某一项元素)
ts之高阶使用infer (简单的定义 数组、infer U做占位符、infer U做占位符 - 联合类型、infer U做占位符 - 提取数组之中的某一项元素)原创 2023-02-24 18:02:42 · 492 阅读 · 0 评论 -
ts之进阶 协变(鸭子类型)、逆变、proxy 和 Reflect 定义对象、Partial & Pick、readonly、Record来限制对象的key和value
ts之进阶 协变(鸭子类型)、逆变、proxy 和 Reflect 定义对象、Partial & Pick、readonly、Record来限制对象的key和value原创 2023-02-24 17:25:46 · 451 阅读 · 0 评论 -
ts之定义对象高级使用 Record
ts之定义对象高级使用 Record原创 2022-11-09 16:16:04 · 4631 阅读 · 1 评论 -
ts之装饰器 Decorator
ts之装饰器 Decorator原创 2023-02-24 09:46:42 · 453 阅读 · 0 评论 -
ts之 Mixin混入(ts对象的混入、类的混入)
ts之 Mixin混入(ts对象的混入、类的混入)原创 2023-02-23 21:40:33 · 287 阅读 · 0 评论 -
ts之 命名空间 namespace、三斜线指令、声明文件(declare 声明ts的变量函数第三方模块等 )
ts之 命名空间 namespace、三斜线指令、声明文件(declare 声明ts的变量函数第三方模块等 )原创 2023-02-23 21:04:37 · 1033 阅读 · 0 评论 -
ts之 tsconfig.json 配置文件
ts之 tsconfig.json 配置文件原创 2023-02-23 17:28:56 · 190 阅读 · 0 评论 -
ts 之 定义类 Class基础( 继承、多态、修饰符 public、静态属性、静态属性、抽象类)
ts 之 定义类 Class基础( 继承、多态、修饰符 public、静态属性、静态属性、抽象类)原创 2022-09-08 10:18:26 · 962 阅读 · 0 评论 -
ts定义之 内置对象( BOM,DOM,Date,Promise等 )
ts定义之 内置对象( BOM,DOM,Date,Promise等 )原创 2023-02-20 17:29:17 · 412 阅读 · 0 评论 -
ts 之 变量核数据类型( 简单数据类型、any、unKnown类型 )
目录ts 之 变量核数据类型定义ts的类型定义为 Number类型定义为String 类型定义为 Boolean 类型undefined 与 null定义数组定义元组定义枚举any 任意类型void 函数没有返回值 定义函数 (有返回值 与 没有返回值)never 不存在的值类型 用于抛出异常 或者死循环类型推断联合类型ts函数篇函数没有返回值 定义函数 (有返回值 与 没有返回值)形参 与 实参可选参数 ( 就是 可传 可不传 )默认值 ( 为函数 参数 设置默认值 )剩余参数ts 之 变量核数据类型原创 2022-05-11 20:33:01 · 2106 阅读 · 0 评论 -
ts入门之安装篇与VScode自动运行 ts转化为js代码
目录ts入门之安装篇与VScode自动运行 ts转化为js代码ts的环境安装与运行手动运行 ts文件 (不推荐)自动运行 ts 文件 转化为js代码 (配置的形式 推荐)ts入门之安装篇与VScode自动运行 ts转化为js代码ts的环境安装与运行下载:npm instanll -g typescript校验是否安装好作用:tsc的作用:负责将ts 代码 转化为 浏览器 核nodejs 识别的js代码!手动运行 ts文件 (不推荐)新建一个 01ts.ts文件新建一个01.ht原创 2022-05-11 19:28:06 · 928 阅读 · 0 评论 -
vue3 之mock数据的使用
vue3 使用 mock数据原创 2022-07-15 18:15:01 · 2706 阅读 · 0 评论 -
vue3之 eslint、hooks、Prettier的安装与使用(实现代码校验)
vue3 之 eslint、hooks、prettier相关使用原创 2022-07-15 14:45:55 · 1300 阅读 · 0 评论 -
vue3 搭建项目模板 之 初始化项目 ( 别名、hooks、自动引入)
vue3 使用vite初始化项目 别名配置、自动引入插件、自动引入hooks、自动生成eslint相关的导入文件原创 2022-07-13 17:10:50 · 649 阅读 · 0 评论 -
vue 3.0之localStorage的二次封装
目录vue 3.0之localStorage的二次封装config / index.jsutils / storage.jsvue 3.0之localStorage的二次封装config / index.js// 环境配置 // 引入的时候 import config from "XXX/config";const env = import.meta.env.MODE || 'prod';const envConfig = { dev: { baseApi: '/',原创 2021-11-16 14:20:36 · 2060 阅读 · 0 评论 -
vue3.0 + ts 之 vuex的使用
目录vue3.0 + ts 之 vuex的使用todo/ToDoList.vuetodo/ToDoInput.vuesrc / hooks /index.tssrc / typeing / index.tsstore / state.tsstore / actionsType.tsstore / actions.tsstore / mutations.tsvue3.0 + ts 之 vuex的使用vuex执行流程图执行流程:第一大步:1:先在组件之中触发 dispatch 分发到 ac原创 2021-04-07 10:56:10 · 4519 阅读 · 2 评论 -
vue3.0 之父子组件传值
目录父子组件传值父传子 props方式 1:原始的 props 传值父组件子组件方式 2:使用 provide && inject父组件子组件provide 与 inject 的获取 setup 中的数据 ,传递到子组件父子通讯 案例父组件子组件父子组件传值父传子 props方式 1:原始的 props 传值父组件<template> <div> 父组件 -- {{ num }} <RegChild :num="num" />原创 2021-04-02 16:26:27 · 3098 阅读 · 3 评论 -
vue3.0 配置属性与生命周期函数
目录vue3.0 的配置属性 与 生命周期函数vue3.0 的配置属性计算属性 computed监听属性 watchEffect 与 watchwatchEffectwatch生命周期函数setup 组合 apionMounted 挂载后onUnmounted 卸载函数XXXvue3.0 的配置属性 与 生命周期函数vue3.0 的配置属性计算属性 computed作用:对于数据的的操作的东西,可以放在计算属性之中,具有缓存效果<template> <div>原创 2021-04-01 08:36:08 · 430 阅读 · 1 评论 -
vue3.0 组合API
目录vue3.0 APIRef 语法reactive 语法toRefs 的作用readonly `不常使用`vue3.0 APIRef 语法作用:这是定义一个普通数据类型响应式数据string,number,boolean,arr 等获取 ref 的值的时候,需要通过 .value 的方式去获取到的!修改 ref 定义的普通数据的时候,需要使用 XXX.value<div>{{ count }}</div> // 显示count<button @cli原创 2021-03-30 11:12:28 · 233 阅读 · 0 评论 -
vue3.0之axios的请求的封装
目录vue3.0之axios的请求的封装实际的请求 api/movei.ts使用请求vue3.0之axios的请求的封装安装:npm i axios --save使用:utils/api/http.tsimport axios from "axios";const request = axios.create({ // baseURL: 'http://120.76.247.5:2001/api', baseURL: process.env.VUE_APP_BASEU原创 2021-03-29 15:16:20 · 992 阅读 · 0 评论 -
vue3.0 父子组件传值
目录父子组件传值父传子 props方式 1:原始的 props 传值,不限制类型父组件子组件方式 2:使用 provide && inject父组件子组件父组件子组件父子组件传值父传子 props方式 1:原始的 props 传值,不限制类型父组件<template> <div> 父组件 -- {{ num }} <RegChild :num="num" /> </div></template>原创 2021-03-26 17:06:50 · 485 阅读 · 0 评论 -
浅谈vue3.0
目录vue3.0的六大亮点优化了diff算法标记的类型静态提升事件监听缓存vue3.0项目的创建Vue3.0是兼容vue2.x版本的组合逻辑API组合API的使用添加用户setup的注意点reactive方法什么是ref函数ref 和 reactive 的区别递归监听toRaw函数markRawtoRef函数toRefs自定义一个ref?ref获取页面的元素vue3.0的六大亮点Performance:性能比vue2.x块1.2倍到2.2倍Tree shaking support:按需编译,体积比v原创 2020-10-07 20:54:46 · 341 阅读 · 1 评论 -
vue3.0 + ts + and 引入在线iconfont字体图标
目录layout布局vue3.0 + ts + and 引入在线iconfont字体图标layout布局vue3.0 + ts + and 引入在线iconfont字体图标1:scriptUrl 就是iconfont的路径2:复制那个 type的字体图标类型// 使用<IconFont type="icon-fangdajing" />// 引入import { createFromIconfontCN } from "@ant-design/icons-vue";原创 2021-03-24 15:55:37 · 932 阅读 · 0 评论 -
vue3.0 + ts 创建项目
目录vue3.0 创建项目ant-design-vue 配置全局导入的方式按需加载 使用 可以按需导入的方式 优化vue.config.js 配置文件的操作引入重置样式vue3.0 创建项目vue create base-test(项目的英文名称)选择 vue 版本 (Please pick a preset: (Use arrow keys))选择的是:Manually select features 手动选择要安装的东西(Check the features needed for your原创 2021-03-24 11:29:54 · 677 阅读 · 3 评论