三国著名人物籍贯一览列表

三国著名人物籍贯一览列表
  
  曹氏家族(包括夏侯一门)------沛国谯县(安徽亳县)
  华佗----同上
  刘晔----淮南(安徽寿县)
  许楮----谯国谯人(安徽亳州)
  周瑜----庐江舒县(安徽舒城)
  鲁肃----临淮东城(安徽定远)
  吕蒙----汝南富陂县(安徽阜南)
  黄盖----零陵泉陵(湖南零陵)
  蒋钦----九江寿春(安徽寿县)
  周泰----九江下蔡(安徽)
  丁奉----庐江安丰(安徽舒城)
  朱桓----吴郡吴人(江苏苏州)
  陆逊+顾雍(同上)
  张昭----彭城(江苏徐州)
  张鲁----沛国丰人(江苏丰县)
  陈琳----广陵(江苏扬州)
  廖化----湖北襄阳
  庞统+马良+马谡(同上)
  蒋琬----零陵湘乡(湖南湘乡)
  刘备----涿郡涿县(河北涿州)
  张飞---同上
  赵云---真定(河北正定)
  颜良---同上
  文丑---河北
  韩当---辽西令支人(河北迁安县)
  程普---右北平土垠人(河北平润县)
  张和---河间(河北任丘)
  刘表---山阳高平人(山东鱼台东北)
  程昱---东郡东阿人(山东阳谷县)
  于禁---泰山钜平(山东泰安)
  李典---山阳钜野人(山东金乡县人)
  典韦---陈留己吾人(河南宁陵人)
  乐进---阳平卫国(不详)
  庞德---南安(甘肃)
  孔融---鲁国(山东曲阜)
  杨修---弘农(河南灵宝县)
  魏延---义阳(河南桐柏县)
  郭淮---太原阳曲(山西太原)
  袁绍家族---汝南汝阳(河南上蔡)
  荀或----颖川颍阳(河南许昌)
  郭嘉----颍川阳翟(河南禹县)
  钟鹞----颍川长社(河南长菖县)
  钟会----同上
  陈群----颍川许昌(河南许昌)
  司马懿---河内(河南温县)
  
  诸葛亮---琅邪阳都县人(山东沂南县)
  黄忠-----南阳(河南南阳)
  李严---同上
  董卓---陕西郡临姚(甘肃岷县)
  吕布---五原郡九原(内蒙古包头西北)
  贾诩----凉州姑臧(甘肃武威)
  张辽----并州雁门马邑(山西朔县)
  徐晃-----河东杨县(山西洪洞县)
  关羽-----河东解良(山西运城解州)
  马超-----扶风茂陵(陕西兴平)
  法正-----右扶风(陕西眉县)
  姜维-----天水冀县(甘肃甘谷县)
  孙坚-----吴郡富春(浙江富阳)
  太史慈---东莱黄人(山东)
  甘宁----巴陵临江(四川重庆)
[@more@]

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/503782/viewspace-983155/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/503782/viewspace-983155/

### 创建籍贯列表的下拉菜单组件 为了在 Vue.js 中创建一个籍贯列表的下拉菜单组件,可以遵循以下方法: #### 定义数据源 首先,在 `data` 函数内定义好要展示的数据项。这些数据代表了可供选择的不同地区选项。 ```javascript new Vue({ el: '#app', data: { selectedProvince: '', // 当前选中的省份 provinces: [ { value: 'zj', text: '浙江省' }, { value: 'js', text: '江苏省' } ] // 籍贯列表 } }) ``` 此部分代码初始化了一个简单的 Vue 实例并设置了两个属性:一个是用于存储用户所选省仹的信息;另一个则是包含了多个对象形式表示各个可选项的一个数组[^1]。 #### 构建模板结构 接着通过 HTML 结合 v-bind 和 v-on 指令来构建视图层面上的选择框逻辑。 ```html <div id="app"> <select v-model="selectedProvince"> <option disabled value="">请选择</option> <option v-for="province in provinces" :value="province.value">{{ province.text }}</option> </select> <span>您选择了: {{ getSelectedText(selectedProvince) }}</span> </div> ``` 这里利用 `<select>` 标签配合 `v-model` 来双向绑定输入值到 `selectedProvince` 属性上,并且遍历 `provinces` 数组生成对应的 `<option>` 子节点。 #### 添加辅助函数 最后可以在 methods 或 computed 部分加入一些帮助性的计算属性或方法以便更好地处理业务需求。 ```javascript methods: { getSelectedText(value){ let result = this.provinces.find(item => item.value === value); return result ? result.text : ''; } } ``` 上述 JavaScript 方法接收当前被选中的值作为参数,查找对应的文字描述返回给调用者显示出来。 这样就完成了一个基础版本带有籍贯列表的下拉菜单组件开发过程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值