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
46阅读
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS，要比选项式API中使用TS会更加的简单，不需要做过多的处理，只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力，代码如下：<script setup lang="ts">
import { computed, ref } from 'vue';
let count = ref(0);
le
转载
2023-10-23 11:56:18
70阅读
安装vue-cli安装ts依赖配置 webpack添加 tsconfig.json添加 tslint.json让 ts 识别 .vue改造 .vue文件 什么是typescriptTypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScri
转载
2023-12-21 21:50:25
76阅读
最近学习TypeScript（简称ts），用vue2.6.11+TypeScript3写了一个本地记账项目，ts在vue的单文件模版中写法和传统vue单文件模版挺不一样的。在此记录一下其中的区别。ts是js的超集，严格的js，变量定义输入输出都需要规定相应js类型。到目前vue单文件模版一共有三种方式书写。传统对象写法，data() {return{}}。<script lang="js"&
转载
2023-11-15 16:21:38
110阅读
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
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阅读
一、简介Vue3+TypeScript从入门到进阶（一）——Vue3简介及介绍——附沿途学习案例及项目实战代码二、Vue2和Vue3区别1、生命周期，Vue2 vs Vue3选项式 API（Vue2）Hook inside setup（Vue3）beforeCreateNot neededcreatedNot neededbeforeMountonBeforeMountmountedonMount
转载
2024-01-02 10:41:41
121阅读
背景近期在研发一套物联网设备管理系统，其主要用途是将公司旗下所负责智能园区中的硬件设备通过物联网云平台来进行综合管控。由于这个产品是实验性项目，没有合同，没有明确收益。所以能够拿到的资源非常少。产品具体的负责人，只有 1.5 人，几乎只有我自己。所以既要担任产品经理，又要担任开发者，还要担任运维。不过从技术角度而言，选型可以更加自由。整个系统在架构上设计分为 4 层。自底向上分别是设备硬件、设备接
转载
2023-12-26 09:17:47
33阅读
# 使用 useReducer 配合 TypeScript 的详细指南
`useReducer` 是 React 中用于管理复杂状态的 Hook，与 `useState` 相比，它更适合处理复杂的状态逻辑。在结合 TypeScript 使用时，我们可以更好地定义 state 和 actions 的类型。这篇文章将从流程开始，逐步讲解如何在 React 中使用 `useReducer` 和 Typ
原创
2024-09-21 08:05:36
81阅读
前言：今天学习了一下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阅读
1、新建项目并引入typescripe相关的loader、依赖包1.1新建项目vue init webpack 项目名称1.2 添加 typescript 以及 ts-loadercnpm install typescript ts-loader --save1.3 添加运行依赖包cnpm install vue-class-component vue-property-decorator -
转载
2023-07-27 21:10:04
264阅读
一、Vue3 集成 Typescript后定义组件 1、vue3 中 集成ts后确保组件的 script 部分已将语言设置为 Typescript<script lang="ts">
...
</script> 2、要让Typescript 正确推断 Vue 组件选项中的类型，需要使用 defineComponent 全局方法定义组件import { defineCom
转载
2023-05-23 16:03:07
169阅读
数据驱动和组件化是vue.js两个最重要的特点。组件化是为了方便代码复用，提高开发效率。常见的vue组件写法有四种，各有特色，适用于不同的场景。1.全局组件结构:// 组件的注册
Vue.component( 'componentName', {
template: // 组件的html结构,
data(){
return{
// 组件中的
转载
2023-11-27 20:20:18
91阅读
登录和认证一、登录1）页面基本布局2）登录接口封装import request from '@/utils/request'import qs from 'qs'// import store from '@/store'interface User {phone: string;
password: string;
}// 登录export const login = (form: Us
转载
2021-01-21 17:44:48
671阅读
2评论
三、基础样式处理1）导入 element 组件库Element - 网站快速成型工具安装 npm i element-ui -S完整引入// main.jsimport Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './
转载
2021-01-21 17:46:59
345阅读
2评论
## Vue + TypeScript 项目案例
### 介绍
Vue 是一款流行的 JavaScript 框架，用于构建用户界面。而 TypeScript 是 JavaScript 的超集，为 JavaScript 添加了静态类型检查和一些新特性。Vue 和 TypeScript 的结合可以提供更好的开发体验和代码质量。
本文章将通过一个示例项目来介绍如何使用 Vue 和 TypeScri
原创
2023-07-18 10:38:41
59阅读
背景近期在研发一套物联网设备管理系统，其主要用途是将公司旗下所负责智能园区中的硬件设备通过物联网云平台来进行综合管控。由于这个产品是实验性项目，没有合同，没有明确收益。所以能够拿到的资源非常少。产品具体的负责人，只有 1.5 人，几乎只有我自己。所以既要担任产品经理，又要担任开发者，还要担任运维。不过从技术角度而言，选型可以更加自由。整个系统在架构上设计分为 4 层。自底向上分别是设备硬件、设备接
