vue笔记

1、Vue组件间的参数传递

父组件与子组件传值
父组件传给子组件：子组件通过props方法接受数据
子组件传给父组件：$emit方法传递参数
非父子组件间的数据传递，兄弟组件传值
eventBus，就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。项目比较小时，用这个比较合

2.vue路由的钩子函数

1. 首页可以控制导航跳转，beforeEach，afterEach等，一般用于页面title的修改。一些需要登录才能调整页面的重定向功能。
2. beforeEach主要有3个参数to，from，next：
3. to：route即将进入的目标路由对象，
4. from：route当前导航正要离开的路由
5. next：function一定要调用该方法resolve这个钩子。执行效果依赖next方法的调用参数。可以控制网页的跳转。

3.如何让css只在当前组件起作用

在style标签中写入scoped即可，例如<style scoped></style>

4.vi-if 和v-show的区别

v-if按照条件是否渲染，v-show是display的block和none

5.$route和$router的区别

$route是路由信息对象，包含path，params，hash，query，fullPath，matched，name等路由信息参数。而$router是路由实例，对象包含了路由的跳转方法，钩子函数等

11、怎么定义vue-router的动态路由，怎么获取传过来的值

在router目录下的index.js文件中，对path属性加上/:id,使用router对象的params.id获取

转载于:https://www.cnblogs.com/keai/p/11381071.html