右键新建目录，components,右键组件 my-search
image.png

my search 具备3个能力

  1. 1.具备输入框的样式


2，不可输入，本质按钮
3.placeholder 内容可以在父组件定义

image.png

使用my-search

当在components里面注册mysearch,组件会自动注册到全局的组件列表里

image.png
左右边距顶到边框上了
用view包裹，左右边距用view class = search-box 指定
image.png

3.内容在父组件定义

父向子传值
通过props
image.pngimage.png
hot.vue
image.png