TypeScrpt相比JavaScript的主要特点多了属性声明类型，格式：属性名：声明类型
name:string=""; //此时name属性声明类型为string
复制代码使用class类来引入或暴露内容 TypeScript中将所有属性和方法封装成类，用类的形式引入或暴露其内容，在vue中具体示例可见下文“基本格式”。基本格式组件<script>中要加lang="ts"imp
转载
2023-10-16 13:06:32
97阅读
# TypeScript 与 Vue 组件的结合
在现代前端开发中，TypeScript 和 Vue.js 的结合为开发者提供了一种强大而灵活的工具。这篇文章将解析如何在 Vue 组件中使用 TypeScript，并提供一些实用的示例。
## 什么是 TypeScript？
TypeScript 是 JavaScript 的一个超集，增加了静态类型检查和一些现代编程的特性。它允许开发者在编写
原创
2024-08-06 13:52:05
34阅读
由于后期项目要使用ts，所以先学习下，这是第一次使用ts，要是有不足之处，还请多指教。最开始因为webpack版本问题搭了好几次没成功，果然失败乃成功之母，古人诚不欺我，每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项
转载
2023-11-01 16:44:44
162阅读
初始化项目使用@vue/cli创建模版项目（啥是@vue/cli） 具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义webpack配置。只需在根目录下新建vue.config.js配置文件，这个文件会被@vue/cli-service自动加载。vue.config.js基础配置模版：const path = require("path");
co
转载
2023-08-23 22:06:13
100阅读
# Vue组件转TypeScript
在前端开发中，使用Vue.js作为项目的主要框架已经成为了一种常见的选择。Vue.js以其简单易用、灵活性强的特点被广泛应用于各种Web应用的开发中。而TypeScript作为JavaScript的超集，为项目增加了类型检查、静态类型等特性，可以提高代码的可维护性和可读性。因此，将Vue组件转换成TypeScript的方式已经成为了许多开发者的选择。
##
原创
2024-04-18 04:02:40
80阅读
vue组件的创建 vue的核心基础就是组件的使用，玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧！ 这里有一个Vue组件的示例： Vue.component('Vheader',{
data:function(){
r
PS：本文适合熟悉vue以及了解react的同学 由于公司业务使用得是react开发的后台系统（也有vue的项目），对于我这种只写过react demo 的小白菜确实是一个机会，学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如：react 是怎么样传输数据的？react 怎么封装组件？react 的生命周期？。。。。实际上vue熟练的同学们，我觉得转react还是
转载
2023-08-23 15:12:27
200阅读
1、使用 webpack-simple 模板，没有vue-router的中间件，不需要路由时推荐使用，同时 webpack-simple 没有格式的检测，新建项目vue init webpack-simple然后再 npm install 初始化在新建的项目的src目录下新建一个目录（components）目录下存放自定义组件组件封装好后在组件目录（components）下新建一个index.js
转载
2024-05-30 22:23:17
114阅读
安装vue-cli安装ts依赖配置 webpack添加 tsconfig.json添加 tslint.json让 ts 识别 .vue改造 .vue文件什么是typescriptTypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 Jav
转载
2024-08-31 19:31:09
130阅读
Vue中利用
组件化的思想把页面拆成一个个小的功能块（
组件），每个功能块完成自己这部分独立的功能。一、
组件的基本使用注册
组件的基本步骤创建
组件构造器 – 调用
Vue.extend()方法注册
组件 – 调用
Vue.component()方法使用
组件 – 在
Vue实例的作用范围内使用代码示例：<div id="app">
<!-- 3.使用
组件 -->
<
转载
2024-05-30 23:24:29
673阅读
Vue 2.0 typescript 写法传值方式：随着 typescript 越来越受到前端框架的关注，最近使用 vue + typescript 做了一个项目。发现写法与 vue + js 完全不一样。但是原理相同。接下来给大家介绍 Vue 开发中常用的传值方式。Vue 常用的三种传值方式有：父传子子传父非父子传值引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。父
转载
2023-09-05 08:48:53
112阅读
Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。 在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文
转载
2023-12-20 23:25:19
47阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍...
原创
2021-07-18 16:47:32
583阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript
原创
2022-04-06 18:01:07
1130阅读
# 如何实现Vue3 TypeScript组件
作为一名经验丰富的开发者，我将向你介绍如何使用Vue3和TypeScript来创建组件。在本文中，我将为你提供一个步骤清单，每一步都包含必要的代码和注释，以帮助你更好地理解每个步骤的作用。
## 整体流程
下面是创建Vue3 TypeScript组件的整体流程：
| 步骤 | 描述 |
| ------ | ------ |
| 步骤 1 |
原创
2023-12-25 08:37:04
100阅读
vue中实现的动画只是组件在更新时，也就是组件开始展示或组件消失时实现的逐渐过度的效果，这样不会因为页面突然的跳转而让用户感觉很突兀，而是使用简单的转场动画，实现页面或者组件切换时候的动态变换的效果。单元素或组件的过度如果一个元素被渲染到页面或者从页面中消失时需要实现动画的效果，那么第一步是使用 vue提供的transition 标签进行包裹，在transition 标签中标
# 如何实现Typescript Vue3组件
## 整体流程
首先，我们来看一下实现"Typescript Vue3 组件"的整体流程，可以用以下表格展示：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建Vue3项目 |
| 2 | 安装Typescript |
| 3 | 创建组件文件 |
| 4 | 编写组件代码 |
| 5 | 注册组件 |
| 6 | 使用
原创
2024-03-20 06:06:55
64阅读
typescript 简介TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript 的超集，这意味着他支持所有的 JavaScript 语法。并在
原创
2020-12-26 20:13:45
339阅读
接触vue一年了，由于早前都是碎片化的学习与练习，缺乏深入的理解与总结，所以感觉收效甚微。最近利用闲暇时间撸了一个基于vue全家桶的天气应用webapp并做一些项目总结，以巩固自己所学，加深对vue的理解。前端框架的选择在web移动端应用快速崛起的今天，webapp，hybird app挤压传统原生app的趋势越发明显，产品的快速更新迭代、跨平台适配，催生了越来越多五花八门的前端框架。为了应对各式
安装vue-cli安装ts依赖配置 webpack添加 tsconfig.json添加 tslint.json让 ts 识别 .vue改造 .vue文件 什么是typescriptTypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScri
转载
2023-12-21 21:50:25
76阅读
