本文介绍了如何在Vue项目中使用自定义组件实现通讯录功能。通过创建多个组件，如`my-header`、`my-alert`和`my-list`，并结合Vuex进行状态管理，实现了通讯录的展示、数据传递和交互操作。示例代码中包含详细的组件模板、事件监听和方法，帮助读者理解Vue组件化开发通讯录的实现过程。
首页
+
确认
取消
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"},
]},
{"index":"C","users":[
{"name":"c1","tel":"13333333331"},
{"name":"c2","tel":"13333333332"},
{"name":"c3","tel":"13333333333"},
]},
{"index":"D","users":[
{"name":"d1","tel":"13333333331"},
{"name":"d2","tel":"13333333332"},
{"name":"d3","tel":"13333333333"},
]},
{"index":"E","users":[
{"name":"e1","tel":"13333333331"},
{"name":"e2","tel":"13333333332"},
{"name":"e3","tel":"13333333333"},
]},
{"index":"F","users":
最低0.47元/天 解锁文章
扫一扫
1173
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
