5.阳光沙滩-Vue移动端教程-引入nutui

前言

nutui是京东团队的一套ui组件库。https://nutui.jd.com/2x/#/index

vue2使用的2.0版本的组件库

安装

npm i @nutui/nutui -S

引入

在main.js中编写以下代码

import NutUI from '@nutui/nutui';
import '@nutui/nutui/dist/nutui.css';

NutUI.install(Vue);

到这里就引入完成了

使用

在文档中复制一个组件，我们放到app.vue中，尝试使用

比如放一个评分组件

<nut-rate ></nut-rate>

可以看到效果成功展示，表示引用成功 nutui在后续开发会有大用途，我们可以直接调用nutui的组件，自己少写代码