qq_32792547的博客

主要用来计算一些不存在的属性，会根据以来的数据自动更新，当以来的数据发生变化时，计算属性会重新计算并返回新的值。created和mouted都是vue生命周期中的钩子函数，通常用来做一些初始化的工作，比如发送http请求、对组件绑定自定义事件。进行数据的初始化，如从发起HTTP请求从后端获取数据，并赋值给实例的属性。进行一些只需要在实例创建时执行一次的操作，如初始化定时器、订阅消息。进行DOM操作，如获取DOM元素的高度、宽度、添加事件监听器等。created：实例创建完后立即调用，但未挂载在DOM上。

点击侧边导航栏，右侧main对应显示内容

场景：新增信息子组件新增数据后，需要让父组件table获取最新数据使用$emit和v-on原理：子组件通过$emit向父组件触发一个自定义事件，并将新增的数据作为参数传递给父组件，父组件在模板中通过v-on或其缩写监听该事件，在事件处理函数中更新table的数据。示例代码子组件中触发事件：在dialog子组件中，当新增数据成功后，通过$emit触发一个自定义事件，并将新增的数据作为参数传递。newData作为参数可填可不填// or父组件中监听事件并更新数据：在父组件的模板中，使用v-on监听。

表单是一个常见的元素，而在表单中，常常需要用户从大量的数据中选择一个或多个选项。为了提高用户体验，提供远程搜索功能可以帮助用户快速找到所需的选项，而不是从冗长的下拉列表中手动查找。以该需求为例，我们需要在【所属测试计划】字段实现远程搜索功能，能够在根据输入的关键字从服务器端（后端）获取匹配的数据列表，并且可进行选择。