搜索框布局

1. 创建一个新的分支city-search：
   然后回到终端，运行git pull指令，切换到city-search分支：
   
   然后重新启动服务器。
2. 在components下创建Search.vue：
   
   在City根组件中引用注册并使用：
   
   样式：
   
   但是我们发现输入字数过多的时候内容超出input框显得不美观：
   
   优化：加padding：0 .1rem但是：
   
   这时要加上box-sizing: border-box：
   
   Input框内部左右就会多出0.1rem的空白。border-box 告诉浏览器去理解你设置的边框（border）和内边距（padding）的值是包含在width内的。即我们所说的IE盒模型。
   
   最后提交到线上。