注意：此文并不是把vue改为全部替换为ts，而是可以在原来的项目中植入ts文件，目前只是实践阶段，向ts转化
转载
2022-03-28 14:29:21
3357阅读
vue上所有生命周期中的钩子方法里（如created，mounted，updated）使用this,this指向调用它的vue实例 (new Vue)，this的指向会影响ts的类型推断，为了更好地用class的模式来写vue组件。 vue-class-component 带来了很多遍历 官网 1. ...
转载
2021-07-14 18:40:00
745阅读
2评论
本节：vue3+ts的搭建 一、vue3+ts的搭建这篇别人写的文章更清晰： 打开就可以看到，这样就创建成功了 二、引入ant design(1) 在项目终端,输入这行命令：安装ant designnpm i --save ant-design-vue(2)在main.ts文件里面引入和使用antimport Antd from 'ant-design-vue';//
转载
2023-12-11 10:00:35
676阅读
点赞
前言
目标
掌握如何创建TS项目
TS配置文件tsconfig.json
了解React中的常用类型
graph LR
A[项目使用TS] --> B[1 使用CRA创建支持TS的项目]
A --> C[2 TS配置文件tsconfig.json]
A --> D[3 React中的常用类型]
一 使用CRA创建支持TS的项目
1.创建项目并启动
（1）全局安装
n
原创
精选
2024-08-20 12:20:58
360阅读
如何在Vue3 ts项目中使用 Vue Route
原创
2024-01-21 01:16:02
540阅读
点赞
前言：vue 中使用 typescript的 class-style 风格代码，除了用到ts的语法，还用到了 vue-property-decorator语法 vue-class-component语法vue-property-decorator 与 vue-class-component 的关系vue class component 是vue 官方出的
vue property decorato
转载
2021-05-09 00:45:13
1755阅读
2评论
类型声明声明文件可以让我们不需要将JS重构为TS，只需要加上声明文件就可以使用系统类型声明在编译的时候都会被删除，不会影响真正的代码1 普通类型声明// 其它类型声明
declare let name: string; // 变量
declare let age: number; // 变量
declare function getName(): string; // 方法
declare cla
转载
2024-02-24 22:38:55
210阅读
深入使用TS 支持 render jsx 写法 这里一共分两步 首先得先让 vue 支持 jsx 写法 再让 vue 中的 ts 支持 jsx 写法 让 vue 支持 jsx 按照官方做法，安装Babel 插件 安装依赖 在.babelrc中添加： 之后就可以这些写render，如下图： 让 ts
原创
2022-05-12 17:41:38
973阅读
安装 vue-baidu-map（官方网站）NPM$ npm install vue-baidu-map --saveCDN<script src="https://unpkg.com/vue-baidu-map"></script>组件注册全局注册全局注册将一次性引入百度地图组件库的所有组件。第一种：main.js中添加import Vue from 'vue'
impo
转载
2024-03-29 07:52:19
66阅读
直接上代码uploadCompany: function(event){
this.file = event.target.files;
let formdata = new FormData()
formdata.append('file', this.file[0])
formdata.append('submit', false);
$.ajax({
url: api.url+"Excel/
转载
2024-03-22 19:18:50
85阅读
作者：小新Vue没有提供实现AJAX的正式方法，而且有许多不同的设计模式可以有效地使用。每种方法都有其优缺点，应该根据需求进行判断。您甚至可以同时使用多个!在本文中，我将向您展示在Vue应用程序中实现AJAX的四个地方:根实例组件Vuex行动路线导航警卫我将解释每种方法，给出一个例子，并讨论其优缺点。1、根实例使用这种体系结构，您可以从根实例发出所有AJAX请求，并将所有状态存储在根实例中。如果任
转载
2024-05-21 10:08:32
79阅读
一直报错：Delete `··` 解决方法： ctrl+shift+p 打开首选项json 添加："prettier.endOfLine": "crlf", 报错：warning Delete `␍` 解决方法： vscode下方有一个CRLF 点击，在弹出窗口选择LF 重新格式化即可 ...
转载
2021-07-15 10:00:00
459阅读
2评论
安装npm install typescript ts-loader --save-devvue.config.jsconfigureWebpack:
原创
2022-02-12 11:54:20
1630阅读
安装npm install typescript ts-loader --save-devvue.config.jsconfigureWebpack: { resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, loader: "ts-loader" }, ] }}tsconfig.json{ "compilerOptio
原创
2021-07-12 10:19:06
3516阅读
项目结构 1. 首先引入svg插件 yarn add svg-sprite-loader -D // 或者 npm install svg-sprite-loader -D 2. 创建文件 1、创建icons文件夹，里面创建 index.ts(svgicon的js逻辑), svg文件夹(svg图标存 ...
转载
2021-10-13 16:51:00
1330阅读
2评论
文章目录第四部分 vue中的ajax一、axios1.安装2.引入二、vue脚手架配置代理1.方法一2.方法二三、github用户搜索案例1.接口地址2.vue 项目中常用的 2 个 Ajax 库2.1 axios2.2 vue-resource3.示例代码3.1 List.vue3.2 Search.vue3.3 vue.config.js3.4 App.vue四、slot插槽1.概述2.分类
转载
2024-03-11 08:48:08
127阅读
