Advertisement

Vue 3 中整合支持 TypeScript

阅读量:

一、安装

  1. 建立一个基于Vue的工程项目
复制代码
    vue create vue-test-demo
    
    
      
    
  1. 项目启动阶段
复制代码
    cd vue-ts-demo
    
    
      
    
  1. 引入typescript语言
复制代码
    vue add typescript
    
    
      
    
  1. 绕过class语法结构

二、如何让组件能够使用TS语法?

  1. 将script标签中的lang属性配置为ts。
复制代码
    <script lang="ts">
    
    
      
    
  1. 从vue模块中引入defineComponent
复制代码
    import { defineComponent } from 'vue';
    
    
      
    
  1. 当组件需要对外提供接口时,必须使用defineComponent对其进行封装处理。
复制代码
    export default defineComponent({
      name: 'App',
      components: {
    Home
      }
    });

全部评论 (0)

还没有任何评论哟~