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

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

1、子组件

2、使用子组件的父组件

    
    import Searching from '../../components/searching/index.vue';
    export default {
      name: 'home',
	      data() {
		        return {
		    		strQuery:'',
		    		placeholder:'',
		     	}  
	     	},
	     	components:{
	    		Searching 
	    	},
	    	methods:{
	    		submit(value) {
			      this.strQuery = value;
			      // 处理相应的搜索逻辑
			      console.log(value);
			    },
	    		getsearch(value) { //获取搜索框的高度
			      	this.heighting['search'] = value;
			    }
			}
    }