typescript2.0 - 如何在 Typescript 中使用 VueJS?

标签 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 然后使用 typescript ?是否有任何教程可以帮助我解决这个问题?我在网上找到了一些,但似乎都没有帮助,或者他们正在使用其他库,例如 av-ts,这给了我同样的问题

最佳答案

这是官方文档。

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';

关于typescript2.0 - 如何在 Typescript 中使用 VueJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41403379/

相关文章:

django - 如何在vue-apollo请求中添加cookie?

sorting - typescript 中排序错误的类型

typescript - 使用 TypeScript 编译器参数 'skipLibCheck'

angular - 如何在节点模块包上跳过 typescript 的 noImplicitAny=true 规则?

javascript - 尝试使用 Phantom.js 生成 PDF 时 Vue.js 不呈现

javascript - 在 vue js 中加载组件之前渲染图像

node.js - node.js 的 commonJS 和 reactjs 的 es6 的多个 tsconfig.json 问题

vuejs2 - 如何在 typescript 2.6.1 中使用 vue js @Component?

javascript - Vue JS 为另一个计算属性的每个键值运行计算属性

javascript - 如何仅向 vuejs 中的单击按钮添加加载?