组件报错invalid handler for_写了三天的vue组件

第一天：老大说，你来编写一个 搜索结果展示的组件，贼几把激动啊，终于可以写组件了，先给大家看一下结果

就是把搜索的条件都展示出来，然后还要缓存，使用 vuex，最终的思考思路就是把所有的逻辑都写在组件里面，让用户使用的时候，只需传入需要的参数属性就行了，上面的搜索参数都在一个 searchParams对象里面，字段就是上面的每一个input输入。

具体请看如下代码：

<

searchResult.js

import 

第二天：编写浮动导航组件

先看一下效果图

讲讲思路就好：这里面有一个点就是用到插槽的方式，让我对插槽有了更深的理解

所谓的插槽就是占位符，更加准确的说法，应该是动态改变内容的那一步部分，用插槽代替，用户可以为插槽填充不同的内容，因此插槽就会应运而生了

// 在 组件中
<slot :name='header'>

</slot>

// 用户引入使用
<template v-slot:header>

</template>

这个组件的思考过程

一开始是想让用户直接传参数就好了，想到可以传递一个数组，包含按钮的 value 值。以及方法，但是后来思考了一下，如果只是传递数组，那我组件内部肯定要使用v-for 循环，但是这样的话，我的事件名字，我是无法获知的，所以就放弃了这种想法。

后来老大来了，提供了一个插槽的方式，哇哦，插槽，好像没用过插槽，

其实所谓的插槽，就是提供给用户可以自定义动态改变的内容，不同的东西用户自己处理，相同的东西，只要传递组件参数就好了，这样一来就好办了，直接使用插槽就好了

具体用法如下

<

组件

用户使用