mpvue+vant先端開発
3824 ワード
mpvue+vantはウィーチャットのプログラムを開発します.
mpvue使用 main.jsonで を呼び出します. index.vueでは を使用しています.
mpvue使用
# vue-cli
$ npm install --global vue-cli
# mpvue-quickstart
$ vue init mpvue/mpvue-quickstart my-project
#
$ cd my-project
$ npm install
#
$ npm run dev
yarn add vant
# node_modules vant-weapp dist static vant
{
"navigationBarTitleText": "Home",
"usingComponents": {
"van-button": "../../static/vant/button/index",
"van-search": "../../static/vant/search/index",
"van-tabbar": "../../static/vant/tabbar/index",
"van-tabbar-item": "../../static/vant/tabbar-item/index",
}
}
<van-search
placeholder=" "
use-action-slot
bind:search="onSearch"
>
<view slot="action" bind:tap="onSearch"> view>
van-search>