1.Vue-Router 怎么配置路由
1.先安裝,2.导入,3.创建router实例,4.App.vue中添加router-view,5.router-link:to
2.为什么避免 v-if 和 v-for 用在一起
当 Vue 处理指令时,v-for 比 v-if 具有更高的优先级,通过 v-if 移动到容器元素,不会再重复遍历列表中的每个值。取而代之的是,我们只检查它一次,且不会在 v-if 为否的时候运算 v-for。
3.vue怎么在组件中监听路由参数的变化?
第一种watch: { ‘$route’(to, from) {// 在此处监听}, },
第二种 beforeRouteUpdate (to, from, next) {//这里监听},
4.Vue 组件如何进行传值的?
(1)父组件向子组件传递数据
父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数 props 接收即可
(2)子组件向父组件传递数据
子组件通过 Vue 实例方法$emit 进行触发并且可以携带参数,父组件监听使用@(v-on)进行监听,然后进行方法处理
(3)非父子组件之间传递数据
1、引入第三方 new Vue 定义为 eventBus
2、在组件中 created 中订阅方法 eventBus.$on("自定义事件名",methods中的方法名)
3、在另一个兄弟组件中的 methods 中写函数,在函数中发布 eventBus 订阅的方法 eventBus.$emit("自定义事件名”)
(4)、在组件的 template 中绑定事件(比如 click)