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

已于 2023-01-10 10:20:54 修改
阅读量109 收藏
点赞数
分类专栏： js 文章标签： typescript 前端 javascript
于 2023-01-10 10:18:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Web_Notes/article/details/128624596
版权
本文详细探讨了TypeScript和JavaScript之间的差异，包括静态类型、强类型系统等特性。同时，深入讲解了Vue3中的新特性——scriptsetup，它是如何简化组件的声明和逻辑的。最后，我们还介绍了面向对象编程的基本概念，它是现代软件开发中的重要编程范式。
摘要由CSDN通过智能技术生成
一个打工仔的笔记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ts(typescript)、setup、volar、vue3
nnjjn的博客
03-21 638
ts(typescript) ts是什么 TypeScript 是 JavaScript 的强类型版本，最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。 TypeScript 这种强类型语言最大的优势在于静态类型检查： 强类型 遵循ES6 编译器严谨的语法检查 基本数据类型 布尔值 let isDone: boolean = false; 数字 let amount: number = 6.
ts(typescript)+setup+volar+vue3
不是对你没感觉，是你没开保时捷
03-22 756
typescript是基于JavaScript的（JavaScript构建出来的），在它上面拓展出来的，在它基础上新增加其他类型，也有了类型的束缚，而且支持js，因为是从js拓展的，有es的特性和支持es不具有的特性（算是一种扩展吧），还兼容js平台，但是不能直接运行.ts文件（说到这里，我想到了之前学习小程序和小程序框架uniapp过程中老师用的scss和less直接编写然后通过vscode的插件转化成wxss和uniapp对应的一个loader转换成的），ts也是要转化成js才能运行（老师视频中说的ts
教程10 Vue3的生命周期与方法（Typescript）+ Setup语法糖详解 + setup中的生命周期钩子（代码截图版）
boxuestudio的博客
04-02 1万+
教程10 Vue3的生命周期与方法（Typescript）+ Setup语法糖详解 + setup中的生命周期钩子（代码截图版）
vue3.0&typescripty --setup
不知道写的什么
09-01 1147
<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.x ＜script setup＞单文件中typescript使用
weixin_43294560的博客
03-30 957
<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
上手TypeScript，这一篇文章就够了
前端蜗牛君
05-04 1220
本文知识图谱分基础、进阶和实战三个部分，分别如下： 这三份知识图谱里罗列的知识看似很多，实际上除了进阶部分的泛型、高级类型（二）和实战部分需要稍微费点脑细胞外，其他的都很好理解。 本文罗列的知识点比官方文档精简，但基本能覆盖日常开发需要用的 TS 知识，学完之后应付开发完全没问题。 引言 但我其实只了解了 TS 一些很零碎的概念，因为日常工作是一个拧螺丝的过程，只需要把别人的代码复制粘贴过来能跑就行，我不必知道某个类型为什么要这么写。 如今工作快3年了，我还是只停留在会用的阶段，虽然这也没有影响我正常
Vue3基础知识点速记图解
04-19
通过使用`.vue`文件中的`<script lang="ts">`，可以在单文件组件中直接使用TypeScript。 ### 3. Refs & Refs数组 在Vue3中，`ref`被用来创建一个响应式的引用，可以直接获取到值并改变。而`ref`数组可以方便地管理...
VUE详细版
weixin_47777489的博客
09-03 1062
VUE 一、概述 vue特点： 渐进式框架：可以将Vue作为应用的一部分，带来更丰富的交互体验。如Core + Vue + router + Vuex 解耦视图 可复用的组件 前端路由技术 状态管理 虚拟DOM 二、VUE基础 <div id="app">{{message}}</div> <script> const app = new Vue({ el: '#app', data:{ message: '
vue2 vue3 js es6 html css 知识点
weixin_71783532的博客
08-03 1011
生命周期函数 又叫钩子函数 是到了某一个时间点会自动触发 我们讨论的是 vue 实例的钩子函数 从 vue 实例创建到销毁的过程中 到了一定的时间节点就会触发是 ECMAScript 的第六个版本 在 es5 的基础上新增加了一些语法 js 分成三部分 dom（文档对象模型） bom（浏览器对象模型） ECMAScript（js 语法）1.JavaScript（以下简称 js）的数据类型分为两种：原始类型（即基本数据类型）和对象类型（即引用数据类型）；...
Vue3 深度解析
热门推荐
青笔
11-27 1万+
前言 距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到，刚发布国庆期间，出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌，文章草草讲讲响应式原理，或者只是做了一些上层的导读，告诉读者应该先看哪再看哪。不能说这些文章就没有一点价值，它确实能够让你在短时间内，不用过多思考就能了解到一些 Vue3 重中之重的“干货”。但是过于干货的未必就是好的。因为干货通常是经过...
react_T_v18
Pwsifeng的博客
06-16 1627
初学者
Webpack与TypeScript
Meskjei的博客
09-06 736
文章目录引入使用问题 引入 TypeScript是最近一段时间非常火的一个JavaScript的超集。说是超集，那么自然TypeScript也完整的支持JavaScript语法，同时还提供了许多新特性。 那么Webpack也能够对TypeScript的源文件进行打包。 使用 首先创建一个新项目，就叫typescript。 然后在项目根目录下新建src文件夹、webpack.config.js配置文...
Vue3中setup语法糖学习
鹏多多的博客
03-14 8736
是在单文件组件中使用Composition API的编译时语法糖。相比于普通的语法，它具有更多优势
Vite+Vue2+Composition-api+<script setup>+TypeScript搭配如何开发项目？
frontend_frank的博客
10-30 1226
前言Vite相信大家都用过，它是一种新型前端开发与构建工具，能够显著提升前端开发体验。我们在搭建Vite项目，选择Vue模板之后，默认会下载Vue3模板。如果你的公司现在还没有准备使用Vu...
input框不允许输入负数
Web_Notes的博客
09-18 8028
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 4757
<select> <option value="" disabled selected hidden>问卷调查者选择</option> <option value="o">下拉1</option> </select>
获取div内的滚动距离，以及移动到div内某个位置
Web_Notes的博客
10-27 3584
要求是，点进学校之后返回这个页面，还要回到原本的位置。 但这个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 3551
提交页面，中途选择选项时跳转了页面，返回提交页面时刷新了，以前的数据消失，解决方法：利用session存储数据，返回时再取出回显 思路：一、点击跳转时利用session把数据存起来 二、跳转页面再存session回提交页 三、返回页面，sessionStorage.getItem(key)获取之前存储的数据再放回页面中 实现： 一、点击跳转时利用session把数据存起来 1.先保存需要存储的数据 var model = {};//var一个空对象，里面用来存所有数据 model.Pics = []//对象
<script> and <script setup> must have the same language type.
最新发布
05-24
This error message occurs when using Vue 3's composition API with the `<script setup>` block and the language type of the `<script>` block is different from the `<script setup>` block. In Vue 3, the `<script setup>` block is used to declare variables and functions using the composition API, while the `<script>` block is used for the regular script code. To fix this error, make sure that the language type of the `<script>` block matches the language type of the `<script setup>` block. For example, if you're using TypeScript in the `<script setup>` block, you should also use TypeScript in the `<script>` block. If you're using plain JavaScript in the `<script setup>` block, you should also use plain JavaScript in the `<script>` block.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值