bus总线用法,— (复制语法版本)
(1) 在src目录下创建bus.js文件, 代码如下:
//引入VUE
import Vue from 'vue';
// 使用 Event Bus 实例化
const bus = new Vue();
//导出
export default bus;
(2) 例如: 使用vant UI组件里的下拉列表组件, 代码如下:
<van-dropdown-menu>
<van-dropdown-item v-model="value1" :options="option1" />
<van-dropdown-item v-model="value2" :options="option2" />
</van-dropdown-menu>
export default {
data() {
return {
value1: 0,
value2: 'a',
option1: [
{ text: '全部商品', value: 0 },
{ text: '新款商品', value: 1 },
{ text: '活动商品', value: 2 }
],
option2: [
{ text: '默认排序', value: 'a' },
{ text: '好评排序', value: 'b' },
{ text: '销量排序', value: 'c&