如何在 Vue.js 项目中正确导入模块?

How to import module in Vue.js project properly?

提问人:leonbear 提问时间:10/6/2018 更新时间:10/6/2018 访问量:520

问:

目标是导入模块“mint-ui”。(https://unpkg.com/[email protected]/)

我的网络逻辑:Guest 将首先访问我的 index.html,然后通过 vue 路由到某个组件。

我试图用

 <script src=""> 

在我的 index.html 中,但在我的某些 HTML 中,当我使用 mint-ui 的某些功能时,它不起作用。

我试过了,页面就是结果不出来。import {component} from 'mint-ui' or from 'url' or from 'path/to/js/on/disk'

我应该如何导入这个模块?

非常感谢大家!

JavaScript vue的 .js

评论

0赞 A. L 10/6/2018
阅读此 npmjs.com/package/mint-ui
0赞 leonbear 10/6/2018
@A.Lau 谢谢!但是,如果我不想使用命令行“npm i...”,我可以导入它吗?
0赞 Ohgodwhy 10/6/2018
您无法从 url 导入它。

答:

0赞 Engin Morse 10/6/2018 #1

mint-ui 文档指南:
https://mint-ui.github.io/docs/#/en2

import mint-ui:
<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
<!-- import JavaScript -->
<script src="https://unpkg.com/mint-ui/lib/index.js"></script>

usage:
<div id="app">
    <mt-button @click="handleClick">Button</mt-button>
</div>