vue - 搜索框组件的封装及使用

  在写一个项目的时候，我们在多个页面会使用到搜索功能，这时我们一般都会选择直接写一个组件给多个页面一起使用，下面我给大家分享一下我的组件封装，如果不妥之处，请多多指教！

1、子组件

<template>
        <div id="searchblock" class="searching">
            <div class="searchinput">
                <div class="iconblock">
                    <span class="iconfont icon-Fill"></span>
                </div>
                <div class="inputblock">
                    <form class="searchform" id="searchform" action="">
                        <input id="input" v-model="keywords" type="text" :placeholder="placeholder" autocomplete="off">
                    </form>
                </div>
            </div>
        </div>
    </template>
    <