需求

網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒有做好網(wǎng)站，給創(chuàng)新互聯(lián)一個(gè)展示的機(jī)會(huì)來證明自己，這并不會(huì)花費(fèi)您太多時(shí)間，或許會(huì)給您帶來新的靈感和驚喜。面向用戶友好，注重用戶體驗(yàn)，一切以用戶為中心。

一個(gè)監(jiān)控控制臺(tái)界面，有成千上萬條表格數(shù)據(jù)，需要做一個(gè)全局分頁組件，支持調(diào)整每頁顯示數(shù)目、總頁數(shù)、當(dāng)前頁數(shù)、前進(jìn)后退、自由跳轉(zhuǎn)頁數(shù)。

字段

原型

預(yù)期長醬紫（不要嫌丑！畢竟是后臺(tái)控制臺(tái)?。?/p>

代碼

html

js

css

局部組件使用方法

引入

import page from 'example-page'

注冊組件

components:{
  page: page
},

模板

以上是制作步驟，制作好組件以后，參考Vue官網(wǎng)插件發(fā)布

npm 發(fā)包

1. 確保你的項(xiàng)目的根目錄的package.json文件已經(jīng)建好
2. 登錄npm官網(wǎng)注冊
3. 在你的項(xiàng)目目錄下登錄npm login（之后按提示填寫信息）
4. 發(fā)包npm publish

如果執(zhí)行npm publish出現(xiàn)錯(cuò)誤，可能是你的包名已經(jīng)被注冊過，在npm 官網(wǎng)上搜索一下是否已被注冊了。若發(fā)包成功，你就可以在npm官網(wǎng)上搜索到自己的包。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。