(vue2)商品列表

mytag标签组件封装

1创建组件;

2实现功能:

双击显示,自动聚焦:输入框注册双击@dblclick事件,封装v-focus全局指令

失去焦点,隐藏输入框:绑定失去焦点事件@blur (当元素失去焦点时触发blur事件)

回显标签信息:该信息是父组件传过来的,v-model

内容修改了后标签信息会修改:绑定键盘回车事件@keyup.enter,子传父改值.$emit(‘input’,e.target.value)

3复用

mytable表格组件封装

1数据不能写死  props父传值

2结构不能写死   具名插槽

你可能感兴趣的:(javascript,vue.js)