会员
周边
新闻
博问
闪存
赞助商
YouClaw
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
古兰精
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
9
10
11
12
13
14
15
16
17
···
128
下一页
2021年10月18日
Vue3+ts+eslint报错记录及解决:warning Unexpected any. Specify a different type、warning Delete `·` 、Missing return type on function、Require statement not part of import statement、Unnecessary escape character
摘要: 一、警告:warning Unexpected any. Specify a different type @typescript-eslint/no-explicit-any 解决方案:关闭any类型的警告。 // 在 .eslintrc.js文件中找到rules 添加一行代码即可 "@types
阅读全文
posted @ 2021-10-18 17:37 古兰精
阅读(7538)
评论(0)
推荐(1)
2021年10月17日
Vue3结合TS项目开发实践:Composition API的风格理念、关注点分离、如何组织TS进行项目开发(采用声明文件来管理接口及所需类型/目录结构推荐)
摘要: 一、composition Api compositon Api的本质体现在代码里面,也就是一个setup函数,在这个setup函数中,返回的数据,会用到该组件的模板中。return的这个对象,一定程度上,代表了之前vue2中的data属性。 这时候,对于大多数初学者来说,可能存在的疑惑就是,那么我
阅读全文
posted @ 2021-10-17 22:33 古兰精
阅读(2743)
评论(0)
推荐(0)
2021年10月15日
浅析TypeScript中const和readonly的区别、枚举和常量枚举的区别以及关于typescript中枚举的相关知识
摘要: 一、const 和 readonly 的区别 1、TypeScript 中不可变量的实现方法有两种: 使用 ES6 的 const 关键字声明的值类型 被 readonly 修饰的属性 2、TypeScript 中 readonly: TypeScript 中的只读修饰符,可以声明更加严谨的可读属性
阅读全文
posted @ 2021-10-15 18:13 古兰精
阅读(3383)
评论(0)
推荐(1)
浅析vue2中 Options API 和vue3中 Composition API 的对比
摘要: Componsition API 是 vue3 的一个很大的更新,也是很大的一个优点。为什么要更新呢?肯定是 vue2 的 Options API 有问题,本文就两者的区别做个介绍。 一、vue2 的 Options API 1、Options API - 又叫选项API 在 VUE2 中我们是如何
阅读全文
posted @ 2021-10-15 17:09 古兰精
阅读(3396)
评论(0)
推荐(0)
浅析setup sugar:使用与不使用 script setup 的繁杂性对比、具体如何使用 script setup、setup存在的限制(配置项缺失的处理)
摘要: 一、使用与不使用 script setup 的对比 1、不使用 script setup 的繁杂性 我们之前的组件可能是这样的: <template> <div> <Card>{{msg}}</Card> </div> </template> <script lang="ts"> import {
阅读全文
posted @ 2021-10-15 16:21 古兰精
阅读(1538)
评论(0)
推荐(1)
浅析Vue3相关基础知识:Vue3应用配置、重写的v-model、emits 选项、getCurrentInstance()获取实例、采用mitt实现全局通讯、vue-router的新特性
摘要: 一、Vue3.x 应用配置 config:包含Vue应用程序全局配置的对象,在挂载应用之前配置相应的属性。 const app = Vue.createApp({}); app.config = {...}; 1、devtools(类型:Boolean,默认:true) 概述:配置是否允许开启vue
阅读全文
posted @ 2021-10-15 15:32 古兰精
阅读(2101)
评论(0)
推荐(0)
浅析Vue3新特性-Teleport(任意传送门也称瞬间移动):为什么需要Teleport、与React的Portals特性、如何使用(直接使用、与组件搭配使用、使用多个teleport)、teleport API(to及disabled使用介绍)
摘要: Teleport 是什么?它解决的是什么问题? 一、使用场景 - 为什么我们需要 Teleport Teleport 是一种能够将我们的模板移动到 DOM 中 Vue app 之外的其他位置的技术。 1、使用场景: 业务开发的过程中,我们经常会封装一些常用的组件,例如 Modal 组件。相信大家在使
阅读全文
posted @ 2021-10-15 13:40 古兰精
阅读(2262)
评论(0)
推荐(0)
2021年10月14日
浅析Vue3相关基础知识点:setup()入口函数、ref()定义响应式数据、reactive()定义多个响应式数据-深层的、toRefs()转换为每个属性都是一个ref、computed()计算属性、watch()监听数据、watchEffect()监听数据变化执行回调、生命周期对比、provide/inject跨层级组件通信
摘要: 一、setup setup是组合Composition API中的入口函数,也是第一个要使用的函数。 1、setup只在初始化时执行一次,所有的Composition API函数都在此使用。 2、setup是在beforeCreate生命周期之前执行的(只执行一次) beforeCreate() {
阅读全文
posted @ 2021-10-14 18:58 古兰精
阅读(1590)
评论(1)
推荐(0)
浅析vue-class-component介绍:用类的方式编写组件
摘要: vue-class-component 是 vue 的官方库,作用是用类的方式编写组件。这种编写方式可以让 .vue 文件的 js 域结构更扁平,并使 vue 组件可以使用继承、混入等高级特性。 vue2.x 对 TS 的支持并不友好,所以 vue2.x 跟 TS 的整合,通常需要基于 vue-cl
阅读全文
posted @ 2021-10-14 16:49 古兰精
阅读(6373)
评论(0)
推荐(1)
浅析关于webpack5模块联邦构建过程理解:3个重要概念理解(webpack构建产生资源包、remote暴露模块、host消费)、host与remote两个角色的依赖关系、案例解析(暴露模块生成的各文件意思、对应项目加载对应组件、所需资源分离)、基本原理(先加载远程依赖再加载本地依赖)
摘要: 关于其构建过程理解,主要学习这篇文章:https://blog.csdn.net/qq_40882724/article/details/116860994 一、三个概念 首先,要理解三个重要的概念: (1)webpack构建:一个独立项目通过 webpack 打包编译而产生资源包。 (2)remo
阅读全文
posted @ 2021-10-14 16:07 古兰精
阅读(1045)
评论(0)
推荐(0)
上一页
1
···
9
10
11
12
13
14
15
16
17
···
128
下一页
公告