vue中typescript用法
1. 安装vue-cli
npm install -g vue-cli
2. 创建typescript项目
vue init webpack my-project typescript
3. 安装typescript
npm install typescript save-dev
4. 配置tsconfig.json
在项目根目录下创建tsconfig.json文件,配置typescript编译器的设置
5. 编写vue组件
在组件中将script标签中的lang属性改为lang="ts",并且在组件中引入vue类库,并定义Vue组件
6. 编写Vue实例
在Vue实例中引入对应的.vue组件
7. 编译并运行项目
npm run dev
尽情地玩耍吧!
script在html中的用法例子:
<template>
  <div>
    <h1>{{ greeting }}</h1>
  </div>
</template>
<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';
@Component
export default class MyComponent extends Vue {
  greeting: string = 'Hello, Vue & TypeScript!';
}
</script>
<style>
</style>