实战\ Vue2.5开发去哪儿网App(总结一)

最新推荐文章于 2020-10-21 17:07:17 发布

庚中

最新推荐文章于 2020-10-21 17:07:17 发布

阅读量1.5k

点赞数

分类专栏：十二.vue 文章标签：实战\ Vue2.5开发去哪儿网App(总结一)

本文链接：https://blog.csdn.net/xiaodi520520/article/details/87899082

版权

本文是Vue2.5开发去哪儿网App的实战总结，首先介绍了Vue的基础，通过todolist项目的开发，讲解了全局组件的优化，包括父组件如何向子组件传值，以及如何使用局部组件。接着探讨了子组件如何向父组件传值，展示了一个删除li元素的功能实现。文章以未完待续的方式预告了后续内容。

摘要由CSDN通过智能技术生成

1.准备
在这里插入图片描述
2.以上简写代码更改如下:页面显示效果一致

3.在结构中添加双向数据绑定和点击事件

4.在点击事件中往数组中添加元素即可

最终实现效果:

在这里插入图片描述
父组件向子组件传值总结:使用子组件的使用,使用v-bind的形式,把一个值传给自组件.

在这里插入图片描述

需求:当我们点击下面的li标签的内容,就删除当前的li(这就用到了子组件向父组件进行传值了)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content

关注

专栏目录