ts的方式写VUE的注意事项（自己遇到的坑）

最新推荐文章于 2023-05-15 20:19:31 发布
最新推荐文章于 2023-05-15 20:19:31 发布
阅读量2k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcy_csdn123/article/details/101205334
版权

刚开始学习TS写VUE记录一下其中出现的坑
1、HTML（TEMPLATE）部分可以实现，但JS无效

import { Component, Vue } from 'vue-property-decorator';
// 下面这句如果不添加JS无效
@Component({})

猜想原因：VUE单页面，所有的其他页面都被看成组件，在#app的里面，添加了@Component也就声明了本页面是组件，才可以使用。
很多写过小程序的应该知道 页面分为页面和组件 分别需要@Page @Component 声明页面的功能

zcy_csdn123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue+ts开发项目时需注意的内容（持续补充）
kanshanhui的博客
07-16 144
最近开发的项目大多使用vue+ts，由于没有系统学习过ts，所以将项目中遇到的记录下来，以便以后查看修改 路由跳转时用params/query传参，子页面接收参数 export default class voucherDetail extends Vue { type: any = '' // 声明变量类型 mounted() { // 在mounted中赋值 this.type = this.$route.params.type } } get type() {
vue+ts采坑记
weixin_34318326的博客
05-13 206
1.ts参数类型export default class TabPane extends Vue { @Prop({ default: 'CN' }) private type!: string type!: string和 type?: string是相对的，！表示必填？表示可填可不填 复制代码2.表单提交eg1：import { Form as ElForm, Input } from ...
vue3.2的TS写法
11-20 3448
父组件 子组件 也可以用interface定义{id: number, content: string} 有没有发现上面用TS写的不可以写默认值，怎么解决呢用withDefaults：第一个参数是defineProps， 第二个参数是一个对象 对象里面的属性是父组件传值的属性，直接给属性赋值 二、自定义事件TS写法(defineEmits) 父组件 子组件 总结说明： 因为defineEmits()返回的是一个函数， 所以我们定义泛型的时候也是定义成函数类型参数一： e的值是
vue3.2+ts遇到的小问题以及写法心得
zuiHouHui16Sui的博客
07-01 703
vue3.2+ts遇到的小问题以及写法心得
小兔鲜vue3+ts|项目实战遇到的难点问题（1）
weixin_57660777的博客
05-15 1032
eslintrc.cjs文件中把组件名必须使用组合字设置为关闭。
vue3+ts 表单和表格配置化组件
最新发布
10-26
"vue3+ts 表单和表格配置化组件"这一主题，主要关注的是如何利用Vue3、TypeScript以及Element Plus来创建高度可配置的表单和表格组件。这些组件通常用于处理动态数据，允许开发者通过配置对象来定义表单字段或表格列...
vue与thymeleaf结合使用注意事项.md
07-22
vue与thymeleaf结合使用注意事项.md
vue3+ts入门（todolist案例）
02-10
在这个"vue3+ts入门（todolist案例）"中，我们将探讨如何结合 Vue3 和 TypeScript 创建一个简单的待办事项列表应用，即 Todolist。 1. **Vue3 的主要更新**： - **Composition API**：Vue3 引入了 Composition API...
vue项目引入ts步骤(小结)
10-16
- 增加文件扩展名`.ts`和`.tsx`的支持，如`extensions: ['.js', '.vue', '.json', '.css', '.ts']`。 - 使用`ts-loader`处理`.ts`文件，配置如下： ```javascript module.exports = { module: { rules: [ { ...
Vue 与 Vuex 的第一次接触遇到的坑
10-18
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式，如果是大型项目，很多时候都需要在子组件之间传递数据，使用vue的状态管理工具vuex很好的解决
vue3-vite-ts:学习vue3的新属性的同时，尝试ts的写法
03-08
vue3-vite-ts 学习vue3的新属性的同时，尝试ts的写法
setInterval和setTimeout停止的方法
09-05
要想知道它们是怎么停止的，首先我们要了解它们的运行机制和原理，下面是具体的介绍。
关于setInterval定时器的使用示例
03-06
博文链接：https://weiweichen1985.iteye.com/blog/193628
vue-cli+webpack-simple +typescript 入门
weixin_30697239的博客
04-26 223
安装vue-cli 安装ts依赖 配置webpack 添加tsconfig,json 添加tslint.json 让ts识别.vue 改造.vue文件 什么是typescript typescript时javascript的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的javascript代码，由于最终在浏览器中运行的仍然是JavaScript，所以TypeSc...
写给前端新人 - 我 JS 写的好好的，为什么要用那么复杂的 TS
Gimars的博客
06-19 160
前言 我JS写的好好的，为啥要用TS写呢？ 本文写给那些完全没有用过TS，也没有使用过结构化语言，对TS有一定的心智负担的前端新手同学。 面对铺天盖地的TS怎么好怎么好的文章，项目中还没真正开始使用到TS的小伙伴，可能只是看了很多的掘金文章，或者看了一遍官方文档，脑子里基本上都是：嗯，是的，我知道TS好，我知道在变量后面加一个冒号一个类型，就可以限制变量，是不是所有的变量或者函数都要写？为什么我写了返回类型，VSCode还是提示返回值是any类型？泛型好复杂，什么时候要用泛型？接口类型定义要写在哪？
webstorm设置导入文件时的后缀是否省略(.vue省略报错可以看)
weixin_49274461的博客
04-25 742
用Vue3构建企业级前端应用，TS能让你更轻松点
华为云官方博客
02-26 4173
摘要：Vue 3已经发布有一段时间了，到底有哪些新特性值得关注，如何用它构建企业级前端项目，怎样快速上手Vue 3？本篇文章将对此进行详细讲解。 前言 工欲善其事，必先利其器 --《论语》 在如今被三大框架支配的前端领域，已经很少有人不知道 Vue 了。2014 年，前 Google 工程师尤雨溪发布了所谓的渐进式（Progressive）前端应用框架 Vue，其简化的模版绑定和组件化思想给当时还是 jQuery 时代的前端领域产生了积极而深远的影响。Vue 的诞生，造福了那些不习惯 TS 或 JSX
Vue定时器及原理与TS封装
weixin_44861470的博客
06-16 3857
定时器核心的两个方法：1. setInterval()2. clearInterval（）以下为示例代码：
如何在vue中使用ts开发
热门推荐
weixin_33762130的博客
05-02 1万+
用了这么久的vue，终于踏出第一步使用ts去开发，发现真的是一时用ts一时爽，一直用ts一直爽。所以今天大概说一下怎么用ts简单开发。1.首先，更改一下webpack配置修改入口文件 [因为使用ts开发，所以文件都是ts]entry: { app: '.src/main.js' }复制代码根路径下添加 tsconfiog.js配置文件，下面的是自己的一份简单的配置可参考{ // 编译选...
vue3 ts写cnode
05-03
好的，下面我给你一个简单的示例，演示如何使用Vue3和TypeScript编写CNode社区的前端。 首先，你需要安装Vue CLI，可以通过以下命令进行安装： ``` npm install -g @vue/cli ``` 接下来，创建一个新的Vue项目： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值