1,推荐使用npm安装NutUI
npm install @nutui/nutui --save
2,通常在webpack入口页面(app.js或main.js)引用完整组件库
import NutUI from '@nutui/nutui'
3,初始化
NutUI.install(Vue)
通过以上步骤即可完成整个NutUI组件库的安装。
本组件库支持自定义构建(1.1.0版本以上),您可以根据需要只打包部分组件。
1,在NutUI项目目录下执行
npm install
2,执行自定义构建命令
npm run custom
3,在列表中,选择所有您需要打包的组件,然后按下回车键即开始构建
4,片刻之后,自定义构建出的nutui.js文件会出现在dist目录下。在项目中引入和初始化的操作同上
使用方法大致分为两类。
1,扩展 HTML 元素,典型的Vue组件形式,使用方式类似原生HTML标签。如遮罩层(Mask)组件,直接使用标签即可。
2,挂在Vue.prototype上的实例方法,在需要的地方调用即可。如对话框(Dialog)组件。
this.$dialog(options);
提示框(Toast)组件
this.$toast(msg,during);
如果您在使用组件的过程中遇到了什么问题,或者有什么意见建议,都欢迎与我们联系:nutui@jd.com