用 Vue+前端知识 做一个手机搜索页面（超详细）
·
首先得创造两个模版（template），父组件里面要包括“手机信息搜索”标题，“手机品牌”提示的输入框用来搜索。这里my-parent和my- child标签是自定义标签，注意‼️自定义元素名称必须包含连字符-，一般有模版和框架时会用到。自组建的话就是显示栏，这里为了偷懒省掉了一个li。（见谅🥹，还有css部分也省掉了）
然后Vue部分才是这里的重难点。父组件中初始化数据，brand为null，这是为了输入，所以一定要注意input中绑定时得用v-model。这里补充一下v-model的知识点，v-model一般用于input、textarea、select…实现双向绑定，这里是用来监听用户输入，并更新数据。子组件的content用来添加搜索的内容，这里随便举了些例子。这里props很关键啊，它是父子组件联系起来，父组件的name数据传给子组件，然后子组件显示不同的内容。
最后记得挂载。
这就是浏览器页面。
（由于水平有限，以上内容如果有错误还请道友指出）
Agent 垂直技术社区，欢迎活跃、内容共建。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)