NutUI是一个基于Vue2.0的轻量级移动端组件库,大部分组件来自「京东APP」、「京东ME」、「京东M站」中的实际项目。
npm install nutui --save
import NutUI from 'nutui'
NutUI.install(Vue)
通过以上步骤即可完成整个NutUI组件库的安装,这是推荐的使用方式。
您还可以根据需要只引用部分组件。
import Mask from 'nutui/src/package/mask/index'
export default {
data(){
},
components: {
'nut-mask':Mask
},
methods:{
}
}
按需引用需要注意,这种方式使用的是未编译的组件源码:
使用方法大致分为两类。
一类是扩展 HTML 元素,典型的Vue组件形式,使用方式类似原生HTML元素。如遮罩层(Mask)组件,直接使用标签即可。
另一类是Vue构造器的扩展组件,使用方式类似jquery/Zepto方法。如对话框(Dialog)组件。
this.$dialog(options);
提示框(Toast)组件
this.$toast(msg,during);
如果您在使用组件的过程中遇到了什么问题,或者有什么意见建议,都欢迎与我们联系:lifeifan1@jd.com