elementui示例在线运行

如上出现：Uncaught ReferenceError: Vue is not defined

原因：codepen中引入了vue，默认加载的是 npm官网中的最新版本3.2.33，但是unpkg.com中还没有更新，所以找不到这个文件。

解决方式：

• 一

<script src="//unpkg.com/vue/dist/vue.js"></script> // element编辑器是这段代码

增加vue版本号，我这边是用的2.6.14，替换成下面代码

<script src="//unpkg.com/vue@2.6.14/dist/vue.js"></script>

• 二

点击settings,选择CSS

配置内容

https://unpkg.com/element-ui/lib/theme-chalk/index.css

选择JS

配置内容

https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js
https://unpkg.com/element-ui/lib/index.js

第二种每次重新打开在线运行需要重新配置css和Js链接