美文网首页
使用ES6导入Vue的注意问题

使用ES6导入Vue的注意问题

作者: 渭小粉 | 来源:发表于2018-12-22 10:08 被阅读0次

当我们使用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

相关文章

  • 使用ES6导入Vue的注意问题

    当我们使用npm install vue后,在我的js文件中,可能你会这样做,import Vue from 'v...

  • ES6 import

    importimport是ES6的语法; 使用导入组件 导入js、css、vue、less等文件 导入第三方插件 ...

  • 一个vue的小工具库

    最近使用vue进行开发,于是动手封装了一个vue的小型工具库,期待能够继续完善 使用ES6导入就好了,不过部分依赖...

  • Vue.js 路由

    声明式导入 以 ES6 方式导入 vue 原生路由组件 插件安装 因为 vue-router 被定义为插件,所以在...

  • 3.4 Vue的使用

    3.4 Vue的使用 问题一:如何接入 Vue 框架? 目前最成熟和流行的开发 Vue 项目的方式是采用 ES6 ...

  • 在vue-cli 中使用wowjs

    在vue-cli 中使用wowjs 使用node导入依赖 在要使用的页面导入文件 初始化wowjs 问题:控制台可...

  • vue源码解析(一)

    vue源码解析(一) 先决条件 需要能够熟悉使用 vue ,了解vue属性和方法。 带着问题去看源码 熟悉ES6或...

  • ES6的export default+export和node的m

    // 在 ES6中,也通过 规范的形式,规定了 ES6 中如何 导入 和 导出 模块// ES6中导入模块,使用...

  • vue源码解析(二)

    先决条件 需要能够熟悉使用 vue ,了解vue属性和方法。 带着问题去看源码 熟悉ES6或者Typescript...

  • ES6模块化与CommonJS模块化

    ES6模块化 代表:Vue 语法:导入:import xxx from、import {xxx} from导...

网友评论

      本文标题:使用ES6导入Vue的注意问题

      本文链接:https://www.haomeiwen.com/subject/omfikqtx.html