Vue 组件封装封装的意义当一个页面元素过多或者一个组件在多个页面都会被使用，就可以进行组件封装，可以对单个页面解耦，增加代码的可读性，并且多次使用的组件方便修改，只用修改一个地方就能对用到这个组件的所有地方进行修改。方法建立一个新的vue文件，在template中写好自己的组件，如图然后在需要引用这个组件的页面进行引用这样就简单实现了组件的封装，效果如图组件传值如上的例子，封装的组件需要图标、名

vue router.push同一页面同一页面不刷新问题问题描述在做搜索框时，每次根据搜索结果展示搜索内容，但是每次router都是一样的，只是参数不一样，直接使用router.push，第二次搜索后页面就不会响应搜索内容。解决方法：在搜索页面设置watch监听搜索的参数变化。搜索框代码method:{async handleSearch(){searchTool(param).then(res=