首页 / VUE / 使用ts开发vue项目知识点1

使用ts开发vue项目知识点1

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用ts开发vue项目知识点1，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1066字，纯文字阅读大概需要2分钟。

内容图文

用ts开发项目变化还是挺大的
由于 TypeScript 默认并不支持 *.vue 后缀的文件，所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件，放在根目录下
declare module ‘*.vue‘ {
  import Vue from ‘vue‘;
  export default Vue;
}

1，单文件组件导出对象写法变了
原来直接export default {}
现在导出也是一个对象，这个对象的写法完全变了，它不是es6的的写法，不是类似react那种写法而是ts的写法，准备的说更像强类型语言写法，很像java。比如用private、publish以及protected声明变量。
   private foo = ‘App Foo!‘;
    private aa = 1

 

2，组件注册、watch、props以及computed
说是像java又不是java，至少我认知里面java里面是没有修饰器的。修饰器是ES7的提案，修饰器本质上是一个函数，是一个对类的行为作出修改。
vue-property-decorator这个东西是依赖于vue-class-component，可以简化书写。然后响应的写法发生了变化：
@Component({
  components: {
    HelloWorld
  }
}) // 组件
    @Prop({
       type: Object,
       required: false,
       default: {}
     }) // props
    @Prop({
      type: Object,
      required: false,
      default: {}
    })
// watch
   @Watch(‘formData‘, { immediate: true, deep: true })
     @Watch(‘formData1‘, { immediate: true, deep: true })
// 计算属性
   get ValA(){
            return 1;
        }

当然emit也变了
@Emit(‘reset‘)
 
3，周期函数
变为对象的一个普通函数了，在对象里面直接写mounted(){}就行了，当然因为ts是强类型语言，所以需要在函数位置标记返回类型

原文：https://www.cnblogs.com/zhensg123/p/14640803.html

内容总结

以上是互联网集市为您收集整理的使用ts开发vue项目知识点1全部内容，希望文章能够帮你解决使用ts开发vue项目知识点1所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1047731.html

来源：【匿名】