vue页面开发,简单技术点总结

浏览器缓存
sessionStorage.setItem('username', JSON.stringify("ceshiAdmin"));
sessionStorage.removeItem('username');
sessionStorage.removeItem('password');
this.formLogin.username = JSON.parse(sessionStorage.getItem('username'));
消息提醒
this.$Message.success('提交成功!');
路由跳转
this.$router.push({ path: '/table' });
//重置form表单
this.$refs[name].resetFields();


对于父子组件之前的通信,父组件通过porps传递到子组件,子组件通过$emit发送事件到父组件;父组件还可以通过ref的方式拿子组件的值并共享;

对于组件与组件之间的通信,可以new一个新的Vue实例,专门用来做event bus进行通信。怎么用?

当多个组件之间共享一个状态时,event bus可能就变成乱了

猜你喜欢

转载自www.cnblogs.com/ltian123/p/11790801.html