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 组件,
自定义指令: