![2192685266bf16fa61a4cfd18829b947.png](https://img-blog.csdnimg.cn/img_convert/2192685266bf16fa61a4cfd18829b947.png)
信息提示模块
在用户添加资源之后,需要给用户一个添加成功的提示。信息提示的功能在很多模块中都可以使用,因此我们有必要添加一个专门用于信息提示的模块。 在client/src/components
里添加一个文件Alert.vue
:
<template>
<p class="text-light">耗子尾汁!</p>
</template>
现在,在client/src/components/Resources.vue
里引用Alert模块:
![1c57c314067a5a7bb789795c63a08362.png](https://img-blog.csdnimg.cn/img_convert/1c57c314067a5a7bb789795c63a08362.png)
注意圈出来的这两段代码及其位置:
import Alert from './Alert.vue';
...
components: {
alert: Alert,
},