使用<script>在Vue中进行全局组件注册

时间:2018-09-17 05:00:57

标签: javascript vue.js web-component

我正在学习Vue,并且想使用 vue-tabs
全局“安装”它的说明是:

  //在您的app.js或类似文件中
//从'vue'导入Vue; //已经可用
从'vue-nav-tabs'导入VueTabs;

Vue.component('tabs',Tabs);
Vue.component('tab',Tab);
 

但是,Chrome 66不喜欢 import 语句。 VueTabs vue-tabs.js 中被定义为顶级 var

导入VueTabs

  

未捕获的SyntaxError:意外的标识符

以上某些内容可能不正确。我仍在摸索现代Web开发的基础知识。因此,对于我是否可以执行此操作或为什么不能执行此操作,我会进行一些更高级的说明。我发现所有文档似乎都预熟悉了预编译和构建步骤。

我暂时避免使用 npm webpack yarn 等,以便专注于 Vue 。我喜欢 Vue ,只需将 vue.js 下载到本地目录,然后仅使用