如何将VueJS与Typescript一起使用?

时间:2016-12-30 22:18:28

标签: typescript2.0 vuejs2

我正在尝试学习Vue和Typescript。但我似乎无法正确设置它。

我用这些代码行创建了一个app.ts文件:

import { Vue } from "../libs/vue/vue";

var app = new Vue({
    el: "#app",
    data: {
        message: 'Hello Vue!'
    }
}); 

我认为这会编译成这样的东西:

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

但是当我运行tsc时,我遇到了大量的错误。好像它正在尝试构建Vue定义文件? Image here

如何使用打字稿开始使用Vue?有没有可以帮助我的教程?我在网上发现了一些但似乎没有帮助,或者他们正在使用其他库,例如av-ts,这给我带来了同样的问题

1 个答案:

答案 0 :(得分:2)

这是官方文件。

https://vuejs.org/v2/guide/typescript.html

另外,为什么要从" ../ libs / vue / vue"中导入Vue? 这可能是问题的原因。 如果您已使用npm install vue安装了Vue.js,则应编写

import Vue = require('vue');

import * as Vue from 'vue';