vue学习笔记-黑马教程第四天

vue学习笔记-黑马教程第四天_第1张图片
组件的创建方式第一种


vue学习笔记-黑马教程第四天_第2张图片
组件的创建方式第一种--简写


vue学习笔记-黑马教程第四天_第3张图片
第二种创建组件的方式


vue学习笔记-黑马教程第四天_第4张图片
第三种创建组件的方式 独立模版定义 更方便做复杂的代码模版


vue学习笔记-黑马教程第四天_第5张图片
组件---定义内部私有组件


vue学习笔记-黑马教程第四天_第6张图片
组件---组件中的data使用方法


vue学习笔记-黑马教程第四天_第7张图片
组件- 切换 if else 缺陷只能两个切换


vue学习笔记-黑马教程第四天_第8张图片
组件 component 切换动画组件使用


vue学习笔记-黑马教程第四天_第9张图片
父组件传数据到子组件, 子组件中data和props的区别


vue学习笔记-黑马教程第四天_第10张图片
组件传值,子组件通过调用方法向父组件传值


vue学习笔记-黑马教程第四天_第11张图片
实战,评论功能制作 步骤


vue学习笔记-黑马教程第四天_第12张图片
评论功能实例--模版


vue学习笔记-黑马教程第四天_第13张图片
评论功能实例--脚本    ///     this.$emit("func")


vue学习笔记-黑马教程第四天_第14张图片
使用ref 获取dom元素和组件引用


vue学习笔记-黑马教程第四天_第15张图片
路由的概念


vue学习笔记-黑马教程第四天_第16张图片

你可能感兴趣的:(vue学习笔记-黑马教程第四天)