知识点：TypeScript、＜script setup＞、面向对象

原创 已于 2023-01-10 10:20:54 修改 · 176 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#typescript #前端 #javascript

于 2023-01-10 10:18:58 首次发布
本文详细探讨了TypeScript和JavaScript之间的差异，包括静态类型、强类型系统等特性。同时，深入讲解了Vue3中的新特性——scriptsetup，它是如何简化组件的声明和逻辑的。最后，我们还介绍了面向对象编程的基本概念，它是现代软件开发中的重要编程范式。
前端知识宝典
qq_37759901的博客
01-29 2295
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
ts(typescript)、setup、volar、vue3
nnjjn的博客
03-21 731
ts(typescript) ts是什么 TypeScript 是 JavaScript 的强类型版本，最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。 TypeScript 这种强类型语言最大的优势在于静态类型检查： 强类型 遵循ES6 编译器严谨的语法检查 基本数据类型 布尔值 let isDone: boolean = false; 数字 let amount: number = 6.
ts(typescript)+setup+volar+vue3
不是对你没感觉，是你没开保时捷
03-22 828
typescript是基于JavaScript的（JavaScript构建出来的），在它上面拓展出来的，在它基础上新增加其他类型，也有了类型的束缚，而且支持js，因为是从js拓展的，有es的特性和支持es不具有的特性（算是一种扩展吧），还兼容js平台，但是不能直接运行.ts文件（说到这里，我想到了之前学习小程序和小程序框架uniapp过程中老师用的scss和less直接编写然后通过vscode的插件转化成wxss和uniapp对应的一个loader转换成的），ts也是要转化成js才能运行（老师视频中说的ts
学习script setup 语法糖
STATICHIT静砸的博客
03-14 9138
defineEmit ----> [子组件向父组件事件传递]使用defineEmit定义当前组件含有的事件，并通过返回的上下文去执行 emit。代码示列配置项的缺失，有时候我们需要更改组件选项，在setup中我们目前是无法做到的。我们需要在上方再引入一个script，在上方写入对应的export即可，需要单开一个 script。可以和普通的一起使用。普通的无法在声明的选项，例如或通过插件启用的自定义的选项。声明命名导出。
教程10 Vue3的生命周期与方法（Typescript）+ Setup语法糖详解 + setup中的生命周期钩子（代码截图版）
热门推荐
boxuestudio的博客
04-02 1万+
教程10 Vue3的生命周期与方法（Typescript）+ Setup语法糖详解 + setup中的生命周期钩子（代码截图版）
vue3.0&typescripty --setup
不知道写的什么
09-01 1203
<template> <button @click="increment"> Count is: {{ state.count }}, double is: {{ state.double }} </button> </template> <script lang="ts"> import { reactive, computed } from 'vue' interface Count { count: numb
Vue3基础知识点速记图解
04-19
通过使用`.vue`文件中的`<script lang="ts">`，可以在单文件组件中直接使用TypeScript。 ### 3. Refs & Refs数组 在Vue3中，`ref`被用来创建一个响应式的引用，可以直接获取到值并改变。而`ref`数组可以方便地管理...
深入探索TypeScript：从基础到区块链应用
# 深入探索 TypeScript：从基础到区块链应用 ## 1. 走进 TypeScript ### 1.1 为何选择 TypeScript 编程 在软件开发领域，JavaScript 曾凭借其无需编译器、可直接在浏览器运行、动态类型赋予开发者极大自由等特性，...
基于Vue3与TypeScript的纯净管理后台模板
尤其是在 Vue 3 中配合 `<script setup>` 和 defineProps、defineEmits 等宏函数使用时，可以通过类型声明实现完全的类型安全。例如，定义组件 props 时可以直接使用 `withDefaults(defineProps<{ name: string }>()...
Vue3与TypeScript实战课程资源
进一步分析，该课件资源很可能会涵盖以下核心知识点：第一，Vue3 的项目初始化流程，包括如何使用 Vite 快速创建支持 TypeScript 的 Vue 项目模板；第二，TypeScript 在 Vue 单文件组件（.vue 文件）中的实际应用，...
vue3.x ＜script setup＞单文件中typescript使用
weixin_43294560的博客
03-30 1022
<script setup lang="ts"> .未指出的地方和使用原生ts一致 1、props (1)运行时声明 .其他格式和选项式中props格式一致 const props = defineProps({ foo: { type: String, required: true }, bar: Number }) (2)通过泛型 const props = defineProps<{ foo: strin
Webpack与TypeScript
Meskjei的博客
09-06 814
文章目录引入使用问题 引入 TypeScript是最近一段时间非常火的一个JavaScript的超集。说是超集，那么自然TypeScript也完整的支持JavaScript语法，同时还提供了许多新特性。 那么Webpack也能够对TypeScript的源文件进行打包。 使用 首先创建一个新项目，就叫typescript。 然后在项目根目录下新建src文件夹、webpack.config.js配置文...
Vue3中setup语法糖学习
鹏多多的博客
03-14 9081
<script setup> 是 Vue 3 中用于单文件组件的编译时语法糖，旨在简化 Composition API 的使用。
Vite+Vue2+Composition-api+<script setup>+TypeScript搭配如何开发项目？
frontend_frank的博客
10-30 1341
前言Vite相信大家都用过，它是一种新型前端开发与构建工具，能够显著提升前端开发体验。我们在搭建Vite项目，选择Vue模板之后，默认会下载Vue3模板。如果你的公司现在还没有准备使用Vu...
input框不允许输入负数
Web_Notes的博客
09-18 8257
input框不允许输入负数 <input type="text" class="input" onkeyup="clearNoNum(this)" value="" /> function clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/\.{2,}/g, ".");
select下拉框如何显示提示语，不要出现下拉选项中
Web_Notes的博客
02-24 5245
<select> <option value="" disabled selected hidden>问卷调查者选择</option> <option value="o">下拉1</option> </select>
获取div内的滚动距离，以及移动到div内某个位置
Web_Notes的博客
10-27 3842
要求是，点进学校之后返回这个页面，还要回到原本的位置。 但这个div是固定高度，而且是一个分页。所以要获取div内部滚动了多少距离，用session存起来，再回到原本的位置； ////获取滚动距离 var WT=0; $('.jg-list-page').on('scroll', function (e) { WT = parseInt(e.target.scrollTop); }); //点击事件里存值 function goJGHome(.
利用session存值，跳转刷新页面后回显
Web_Notes的博客
08-04 3725
提交页面，中途选择选项时跳转了页面，返回提交页面时刷新了，以前的数据消失，解决方法：利用session存储数据，返回时再取出回显 思路：一、点击跳转时利用session把数据存起来 二、跳转页面再存session回提交页 三、返回页面，sessionStorage.getItem(key)获取之前存储的数据再放回页面中 实现： 一、点击跳转时利用session把数据存起来 1.先保存需要存储的数据 var model = {};//var一个空对象，里面用来存所有数据 model.Pics = []//对象
js input框只能输入大于0的正整数
Web_Notes的博客
12-22 3534
因为用js绑定数据的话，在代码上写正则 单引号双引号的问题没结局，所以用的方法； <input id="itemNumber" onkeyup="clearNoNum(this)" oninput="if(value>100)value=100;" /> function clearNoNum(obj) { //obj.value = obj.value.replace(/[^\d]/g, "");//清除“数字“以外的字符 if (obj.value.le
<script setup>和<script>区别
最新发布
05-25
### Vue `<script setup>` 与 `<script>` 的区别及用法 #### 编写方式上的差异 `<script setup>` 是 Vue 3 提供的一种语法糖，用于简化组合式 API 的编写过程。它通过编译时优化，省去了手动返回 `return` 对象的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值