开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 11 天，点击查看活动详情
书接上文
5.在created和mounted去请求数据，有什么区别?
created:在渲染前调用，通常先初始化属性，然后做渲染
mounted:在模板渲染完成后，一般都是初始化页面后，再对元素节点进行操作 在这里请求数据可能会出现闪屏的问题，created里不会 一般用created比较多
请求的数据对DOM有影响，那么使用created如果请求的数据对DOM无关，可以放在mounted
6.vue中的修饰符有哪些?
1.事件修饰符
- .stop 停止冒泡
- .prevent 阻止默认行为
- .capture 内部元素触发的事件先在次处理
- .self 只有在event.target是当前元素时触发
- .once 事件只会触发一次
- .passive 立即触发默认行为
- .native 把当前元素作为原生标签看待
2.按键修饰符
- .keyup 键盘抬起
- .keydown 键盘按下
3.系统修饰符
- .ctrl
- .alt
- .meta
4.鼠标修饰符
- .left 鼠标左键
- .right 鼠标右键
- .middle 鼠标中键
5.表单修饰符
- .lazy 等输入完之后再显示
- .trim 删除内容前后的空格
- .number 输入的是数字或转为数字
7.vue如何进行组件通信?
1.父传子
props
父组件使用自定义属性，然后子组件使用props $re
引用信息会注册在父组件的$refs对象上
2.子传父
$emit
子组件绑定自定义事件，触发执行后，传给父组件，父组件需要用事件监听来接收参数
3.兄弟传
new一个新的vue实例，用on和emit来对数据进行传输
4.vuex传值
8.keep-alive是什么?怎么使用?
Vue的一个内置组件，包裹组件的时候，会缓存不活跃的组件实例，并不是销毁他们
作用:把组件切换的状态保存在内存里，防止重复渲染DOM节点，减少加载时间和性能消耗，提高用户体验
9.vue路由是怎么传参的?
params传参
this.$router.push({name : 'index ' ,params :{id:item.id}})
this.$route.params.id
路由属性传参
this.$router.push({name : ' /index/${item.id} '})
路由配置{ path : ' /index:id'}
query传参（可以解决页面刷新参数丢失的问题)
this.$router.push({ name : 'index ', query : {id:item.id}})
未完待续……
开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 11 天，点击查看活动详情
