vue项目通讯录_vue 自定义组件实现通讯录功能

在线demo：http://tangyupeng.top/dist/index.html#/phone

首页

+

确认

取消

import Vue from 'vue';

import Vuex from 'vuex';

var userData=[

{"index":"A","users":[

{"name":"a1","tel":"13333333331"},

{"name":"a2","tel":"13333333332"},

{"name":"a3","tel":"13333333333"},

]},

{"index":"B","users":[

{"name":"b1","tel":"13333333331"},

{"name":"b2","tel":"13333333332"},

{"name":"b3","tel":"13333333333"},

]},