TypeScript基础结合Vue3应用官方文档参考defineProps与Typescript运行时声明：原本的JS写法也支持类型校验 src/components/ChildCom.vue
defineProps({
money: Number,
car: {
type: String,
default: 'benchi'
}
})基于类型的声明(推荐使用)❗注意
转载
2024-04-07 14:28:25
59阅读
最近想学习一下TypeScript语法，但是只是看官方文档又有些乏味，还是通过项目在实践中学习比较有趣，所以在这里记录一下我的学习历程，与Vue项目结合开发。项目搭建通过脚手架搭建1. 通过Vue CLI 3 创建vue项目vue create vue-typescript// 在此选择typescript支持? Check the features needed for your project
转载
2024-08-30 16:47:05
27阅读
用过vue的朋友大概对vuex也不陌生，vuex的官方解释是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说的简单点就是对vue的状态进行统一管理，如下图介绍了其管理模式： 最简单的使用方法长这样的：// 如果在模块化
转载
2024-09-12 11:56:30
56阅读
如果有javascript基础，学习TypeScript其实并不难，写这篇文章的目的是记录一下学习ts的过程。因为老是学了之后，就容易忘，好记性不如烂笔头…ts的学习的必要性：新技术的出现都是为了解决原有技术的某个痛点，js很好，这是不可否认的，但它依然有它的不足。背景一、JavaScript的痛点并且随着近几年前端领域的快速发展，让JavaScript迅速被普及和受广大开发者的喜爱，借助于Jav
转载
2023-09-22 09:46:35
130阅读
ts的学习历程认识tsts是js的超集，ts的风格更偏向于后端语言，其中ts的类编程，即面向对象编程的方式使得js的写法不再混乱，使得前端能够有效并快速的地写出更加优秀且完美的js代码。但是ts无法被浏览器正确的解读为浏览器语言，所以目前ts依旧是翻译为js再翻译成浏览器语言。安装ts翻译成js需要编译工具：npm install -g typescript编译：tsc [文件名].ts数据类型/
转载
2023-10-15 01:23:13
81阅读
前言很早之前就看见尤大在说<script setup> + TS + Volar = 真香，但一直都没有去主动尝试过前段时间恰好在网上看见了相关的项目，好奇心又被调动了，想着也没什么事，也便在这个暑假跟着视频去尝试做了一下，在使用<script setup>语法糖和ts的时候，遇见了不少的问题，也在这个项目完成的过程中感受到了<script setup> +ts
转载
2024-08-11 08:16:47
36阅读
vue3.0新增功能1.关于安装Vue CLI 的包名称由 vue-cli 改成了 @vue/clinpm install -g @vue/cli
安装完成之后查看版本号
vue --version出现版本号就意味着成功2.项目创建关于项目创建，除了命令创建3.x还增加了图形化界面创建以及管理vue项目 在创建新项目时还可以混合选用多种集成TypeScriptPWA --Progressive
转载
2024-02-05 07:21:36
55阅读
虚拟机是个好东西，但是对电脑有一定的要求。尤其对做工控的来说都需要安装一些大型的软件（其中WINCC最难装，对系统要求较高。而且像WIN 7 64位的就别想装上去了，如果改系统后那4G以上的内存不就浪费了嘛！！所以虚拟机就是你们的福音），只要是系统，东西装多了就会卡、慢。那对虚拟机的优化就是必需的啦。 首先说一下我的硬件配置（2010年的电脑）：CPU
转载
2023-10-25 21:46:39
158阅读
Vue3+TypeScript环境图形化界面命令行创建启动setup()函数和ref()函数reactive()函数toRefs()函数生命周期和钩子函数onRenderTracked()和 onRenderTriggered()钩子函数的使用Watch的使用独立模块使用功能模块主模块模块化深入-axios功能模块主模块Teleport瞬间移动函数的使用新建模块注册挂载Suspense异步请求组
转载
2024-09-11 01:09:04
45阅读
一、.npmrc .npmrc 文件位于项目的根目录（即 node_modules 和 package.json 的兄弟），作为npm运行时的配置文件。registry为npm包注册源地址，legacy-peer-deps忽略相同modules的引入。# npm包注册源地址
registry=http://registry.npm.tao
vue-cli是vue官方搭建vue项目的脚手架，用来快速搭建vue项目。上一篇文章已经安装了npm和vue，这一篇就让我们直接开始搭建项目吧。1、打开自己的文件夹，例如我存放文件的是E盘projects文件夹，使用cmd打开文件夹e: //进入E盘
cd projects //打开projects文件夹2、运行命令创建项目，我创建的项目名称为testvue init webpack test
众所周知，js是一门弱类型的语言，尤其是在变量赋值时，永远都是给变量直接赋值各种类型值来初始化，线上一些隐藏的bug就冷不防会暴露出来。把这种错误扼杀在项目开发编译阶段而非上线阶段，所有就有了typescript超集的出现。那Vue中是怎么引用typescript项目的呢一、vue-property-decoratorvue-property-decorator在vue-class-compone
转载
2023-11-01 19:41:38
105阅读
Vue3 + Vite + TypeScript 搭建基础项目Vue3 + Vite + TypeScript 搭建基础项目Vue 3 + Vite + Typescript项目初始化代码规范和 ESlint基础配置编辑器集成配置 commit 钩子在开发和构建的时候进行验证GitCommit规范Vite 中的 TS 环境说明Vue3 中的 TS 支持Vite 中的 script-setup 语
转载
2023-10-23 23:11:17
146阅读
背景近期在研发一套物联网设备管理系统，其主要用途是将公司旗下所负责智能园区中的硬件设备通过物联网云平台来进行综合管控。由于这个产品是实验性项目，没有合同，没有明确收益。所以能够拿到的资源非常少。产品具体的负责人，只有 1.5 人，几乎只有我自己。所以既要担任产品经理，又要担任开发者，还要担任运维。不过从技术角度而言，选型可以更加自由。整个系统在架构上设计分为 4 层。自底向上分别是设备硬件、设备接
转载
2023-12-26 09:17:47
33阅读
一、简介Vue3+TypeScript从入门到进阶（一）——Vue3简介及介绍——附沿途学习案例及项目实战代码二、Vue2和Vue3区别1、生命周期，Vue2 vs Vue3选项式 API（Vue2）Hook inside setup（Vue3）beforeCreateNot neededcreatedNot neededbeforeMountonBeforeMountmountedonMount
转载
2024-01-02 10:41:41
124阅读
1. 锁的由来？学习linux的时候，肯定会遇到各种和锁相关的知识，有时候自己学好了一点，感觉半桶水的自己已经可以华山论剑了，又突然冒出一个新的知识点，我看到新知识点的时候，有时间也是一脸的懵逼，在大学开始写单片机的跑裸机代码，完全不懂这个锁在操作系统里面是什么鬼，从单片机到嵌入式Linux，还有一个多任务系统，不懂的同学建议百度看看。 2. 什么是并发和竞态？在早期的L
前言：今天学习了一下typescript，typescript是javascript的一个超类，意思就是对于javascript进行内容扩展，javascript是一门弱类型语言，而typescript在我认为，就是把javascript扩展成一门强类型，就比如java，因为自己前面也学过java，所以就感觉跟java的特点一模一样，感觉就是把java的那一套，用在了javascript上，所以上
转载
2023-06-08 13:48:49
88阅读
一、创建项目，使用 npm 安装 vue-cli3 和 typescript npm i -g @vue/cli typescript使用vue create 命令快速搭建新项目脚手架vue create vue-tsvue-ts 使我们的项目名称，执行上面命令，出现如下选项：这里是单项选择，按上下键切换，按enter进行下一步：DefaultManually select featu
转载
2023-07-07 14:17:01
89阅读
关于南京软考报名时是否需要选择考区的问题，一直以来都是备考软考的考生们关注的焦点。软考，即计算机技术与软件专业技术资格（水平）考试，作为国内权威的IT领域专业资格认证考试，其报名流程和考试规定都备受考生关注。
首先，我们需要明确的是，软考报名流程中通常包含选择考区这一环节。这是因为软考在全国范围内设有多个考点，考生需要根据自己的实际情况，如居住地、工作地或学习地等，选择一个相对便利的考区进行报名
原创
2024-04-22 11:55:28
53阅读
功能轮播搜索列表懒加载简单动画loadingvue-router.tsvuex.tsvue-class-component使用vuex-class使用xxx.d.ts声明文件基于类的编写方式mock数据tsconfig.jsonwebpack配置vue-typescript-cli项目地址：github.com/SimonZhangI…欢迎提建议，觉得不错的给个star~完成后的简单例子
转载
2023-08-27 00:45:17
101阅读
