this.$alert is not a function

1、需求

实现当用户未登录时弹出提示框

2、问题 this.$alert is not a function

在页面上引入element ui的 js 和 css 文件，提示this.$alert is not a function

<!-- 引入样式 --> 
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> 
<!-- 引入组件库 --> 
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/zyz.js"></script>

 3、报错原因

由于element ui 就是基于vue实现的，在引入 js 和 css 文件时，将文件置于vue的下方即可。

<script src="js/axios.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/zyz.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> 
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>