qq_64628470的博客

my-tag 标签组件的封装1. 创建组件 - 初始化2. 实现功能(1) 双击显示，并且自动聚焦v-if v-else @dbclick 操作 isEdit自动聚焦：1. $nextTick => $refs 获取到dom，进行focus获取焦点2. 封装v-focus指令(2) 失去焦点，隐藏输入框@blur 操作 isEdit 即可(3) 回显标签信息回显的标签信息是父组件传递过来的v-model实现功能 (简化代码) v-model => :value 和 @input。

如果两个组件不是父子关系，那么传递信息就不能通过props了。此时可以使用vue的事件总线来传递信息。

渲染功能：1.提供数据： 提供在公共的父组件 App.vue2.通过父传子，将数据传递给TodoMain3.利用 v-for渲染添加功能：1.收集表单数据 v-model2.监听事件（回车+点击都要添加）3.子传父，讲任务名称传递给父组件 App.vue4.进行添加 unshift（自己的数据自己负责）5.清空文本框输入的内容6.对输入的空数据 进行判断删除功能1.监听事件（监听删除的点击） 携带id2.子传父，讲删除的id传递给父组件的App.vue。

通过发送请求来从后台获取更改数据，需要用到钩子函数。在渲染函数中setOption动态更新饼图（map）使用ECharts来渲染饼图。

在挂载后操作dom获取焦点。

通过发请求来获取数据。在数据响应化之后，dom搭建之前，通过发送axios来获取数据并初始化。

包括全选反选、数据的统计和本地持久化的处理。

Vue实现Hello World