Vue---------学习笔记（四）组件传参& vue-router

Vue—学习笔记组件传参& vue-router（四）

一、父组件向子组件传值：

1、父给子 传值：
通过 属性绑定的方法( V-bind)


2、父给子 传方法：
用事件绑定 （v-on）
父组件方法传递给子组件 ，

二、data与props的区别：

三、子组件 通过 事件调用向父组件传值

子传父

四、使用ref 获取 DOM元素和组件的引用

vue 提供了 $ refs 来获取

1、ref获取 DOM：

显示如下：

2、ref 获取组件：

五、路由 vue-router

1、基本语法

注意:不能是组件的引用名称 ↓
组件名称这种形式只能在页面引用

2、路由的创建 使用步骤：

==注意 在vue中路由是基于 哈希模式，所以需要 在路径前加 #， ==

3、 /< router- view>/

4、/ < vue-link to> /
注意：vue提供了 vue-link to ，这样就不用麻烦的使用 a 标签，url前面加 #

5、路由的匹配过程

六、设置路由选中高亮的2种方式：

一、过渡与动画

1、删除节点，插入节点，组件间切换时：
在外层包裹 transition 组件，

自定义指令：