需求:设置一个全局的变量(messageList)和全局的方法。各组件都可以调用这个全局的方法去修改全局的变量(messageList)。
具体情况:
底部有一个消息组件。各组件接口调用时成功或失败的回调中调用一个全局的消息提示方法。类似this.$message.success('我是提示内容')。
随后将提示语增加到全局变量(messageList)中,消息只能存十条,随后底部消息组件使用全局变量展示消息数据。
1、首先创建一个js文件后,引入vue,随后写一个vue实例,将变量和方法定义在vue实例中。
2、将这个js文件挂在到main.js中
3、接口回调时添加提示的代码与this.$message.success('内容')相同
4、底部消息组件使用全局数据如下