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可能就变成乱了