vue3 +ts组合式开发
笔记：vue3+ts 组合式项目 （ts声明数据类型很明确：const常量、let变量 、 val有变量提升）
ts会导致无法访问其他浏览器api属性，需要自己引入或注释
先介绍ts ：ts与js区别
基本数据类型不同
js: boolean类型、number类型、string类型、array类型、nudefined、null
ts: 除了上面的类型外，还包含tuple类型（元组类型）、enum类型（枚举类型）、any类型（任意类型）
js 动态类型，运行运行时明确变量的类型，变量的类型由变量的值决定，并跟随值的改变而改变；ts 静态类型，声明时确定类型，之后不允许修改
js 直接运行在浏览器和node.js环境中；ts 编译运行，始终先编译成JavaScript在运行
js 弱类型，数据类型可以被忽略的语言。一个变量可以赋不同数据类型的值；ts 强类型，一旦一个变量被指定了某个数据类型，如果不经过强制转换，那么它就永远是这个数据类型了；
ts增加的语法：
（1）静态类型：有利于检查代码错误，运行前检查类型错误
（2）函数缺省参数值
（3）class类
（4）模块：可以把声明、数据、函数和类封装在模块中
（5）接口
（6）类型注解：通过类型注解来增加编译时静态类型检查
一、创建vue3
1、可以使用这命令行自定义创建
vue create 项目名称
2、根据vue3官网创建
npm init @vitejs/app 项目名
二、在main.ts 配置
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Vant from 'vant';
import util from "./Util"
import axios from 'axios'
import request from "@/api/request"
import 'vant/lib/index.css';
// createApp工厂函数然而，创建实例对象
//其实就相当于vue2中的vm，mount（'#app'）就相当于$mount('#app')，
//并且vue2的写法在vue3不能兼容
const app = createApp(App);
app.use(store);
app.use(Vant);
app.use(router);// 挂载原型>>>注意这里必须要加$！！否则在组件中无法被访问到！访问也要在组件中使用this.$brower!
app.config.globalProperties.$axios = axios;
//组件使用1.
vue3 +ts组合式开发相关推荐
- 《Vue3+TS》开发一个自己的起始页（二）chrome插件化
前言 各位小伙伴们大家好,求关注,求收藏,求点赞: 另外为自己拉一波票:https://bbs.csdn.net/topics/603955887?spm=1001.2014.3001.6953,诚实 ...
- 《Vue3+TS》开发一个自己的起始页
前言 之前习惯使用的是百度的作为浏览器的首页,百度登录账号后可以在首页上收藏很多书签,但是近期因为使用不同电脑协同办公,导致一台电脑登录百度账号后,其它的电脑的百度会被提下线,这就很烦,还不如自己做个 ...
- 前端实战:electron+vue3+ts开发桌面端便签应用
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末 ...
- window系统使用 bash 新建 vue3+ts 项目以及 preset 模板使用
前提 已经装了 bash 命令行 vue 开发环境 以及 vue3 背景 vue3 稳定版已经发布一段时间了,vue3+ts的开发模式能大大提升vue项目的维护性和稳定性. 故这里尝试下使用vue c ...
- js 通过摄像头识别二维码，可以控制闪光灯。原生 HTML 调用摄像头，有 原生HTML + JS 版本 和 VUE3 + TS 版本与 uniapp 版本
开发背景 最开始公司说到这个需求的时候第一个想法是使用微信的 js SDK 接入微信的扫一扫.但是得知所做的这个功能模块是需要嵌入到之前开发的app中,所以就只有使用 js 原生的 API 来开发了. ...
- vite+vue3+ts项目插件使用（提高开发效率vite+vue3插件使用）新增在线预览地址
在线预览 Link:https://wocwin.github.io/wocwin-admin/ 一.@vitejs/plugin-vue-jsx vite+vue3项目全面支持jsx语法 npm i ...
- vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用（2）
回顾 上篇文章地址:vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用(1)_konsei的博客-CSDN博客 上篇文章搭建了vue3项目,引入了ant ...
- vue自定义组件递归实现树状_一道价值25k的腾讯递归组件面试题（Vue3 + TS 实现）...
前言 小伙伴们好久不见,最近刚入职新公司,需求排的很满,平常是实在没时间写文章了,更新频率会变得比较慢. 周末在家闲着无聊,突然小弟过来紧急求助,说是面试腾讯的时候,对方给了个 Vue 的递归菜单要求 ...
- vue3+ts+vite后台管理模板
vue3+ts+vite后台管理模板 支持前后端控制权限,使用uniapp+vue3+ts+elementplus+vite开发,码云地址:https://gitee.com/yongqiang062 ...
最新文章
- BeautifulSoup库之find_all函数_Python系列学习笔记
- jav简单的个人博客网站代码_每个人都可以拥有的个人博客网站
- 地方商城门户网页模板-商城模板
- 公司顾问岗位职责_集团公司法律顾问岗位职责
- Docker和K8S对比
- 关于spring集成junit4测试步骤
- Ci522/CI523替代RC522手机NFC开锁方案13.56Mhz读写器芯片
- 《FLUENT 14.0超级学习手册》——3.2 Gambit的应用
- matlab界面语言修改
- 扩散模型初探：原理及应用
- 计算机网络第七版-《软件工程》试题(第4套含答案)
- 蓝桥杯 回文数 C语言版
- 苹果6标准模式和放大模式具体有什么差别？
- 高通625系列-MSM8953 (Cortex-A53架构)
- 常见的DNS记录类型有哪些？如何查询DNS解析记录？
- Android GPU Inspector
- Python-qqbot实现QQ群翻译机器人
- 千川数据返回值解析（AES）解密
- 写故事的人,流逝的时光
- Java开源 ERP与客户管理－Sequoia ERP
热门文章