使用ES6导入Vue的注意问题

当我们使用npm install vue后，在我的js文件中，可能你会这样做，import Vue from 'vue'; 然而当你真正使用的时候，会发现一切不会如你所愿。

var vue = new Vue({

    el: '#app',

    data: {...}

});

当执行上述代码后，会发现，整个id为app的div都不见了！！！Why？

我们知道Vue是支持TS（如果不知道什么是ts，请先自行谷歌或者问度娘），那么必定就有TS的声明文件。没错你导入的就是声明文件，如果你的webpack没有设置支持ts的话，那么出现的结果也就不意外了！so，请使用下列代码导入Vue.js

import Vue from "vue/dist/vue.js";

如果觉得很别扭，请自行配置weback以便支持TS