最近接觸了小程序業(yè)務(wù)形帮，了解到美團的 mpvue 也可以做小程序戳玫。
使用方式也很簡單莫绣，和 vue 一樣， 但是他會自動將 Vue 編譯為 小程序 語言虹统。
下面言歸正傳，介紹一下如何在 mpvue 中使用第三方組件隧甚。
-
創(chuàng)建 mpvue
vue init mpvue/mpvue-quickstart my-app
- 以 ivew weapp UI 舉例 车荔，進(jìn)入其 github 地址，下載后將 dist 目錄下的所有東西呻逆，拷貝到 my-app 下 static 的 ivew (自己創(chuàng)建) 目錄夸赫。
-
在需要使用的頁面中創(chuàng)建 main.json。
{ "usingComponents": { "i-card": "../../../static/iview/card/index", "i-button": "../../../static/iview/button/index" } }
-
接下來就可以在 index.vue 中使用該標(biāo)簽了咖城。
<template> <div> <i-card full title="卡片標(biāo)題" extra="額外內(nèi)容" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg"> <view slot="content">內(nèi)容不錯</view> <view slot="footer">尾部內(nèi)容</view> </i-card> <i-button type="success">按鈕</i-button> </div> </template>
