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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。