不通过vue-cli使用element-plus需要 引入vue3和element-plus 还有element-plus的css文件
element-plus是专门基于vue开发的一个ui组件库 需要使用到vue创建实例
具体步骤如下：
1、创建一个基础的html骨架 并创建一个用于挂载vue的div
2、引入vue3、element-plus、element-plus所需的css文件 这里我是通过cdn引入
3、导入vue的createApp 并挂载到div上
4、将element-plus安装成为vue的插件
5、使用element-ui组件进行测试是否成功
具体代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/element-plus"></script>
<link rel="stylesheet/less" href="./element-ui_less.less">
</head>
<body>
<div id="app">
<el-button type="primary">Primary</el-button>
</div>
<script>
const {createApp} = Vue
createApp({
data(){
return {
}
}
// 全部引入ElementPlus
}).use(ElementPlus).mount('#app')
</script>
</body>
</html>注意：如果没有使用到use(ElementPlus)这一步的话 console下面会报警告：
原因就是没有将ElementPlus安装为vue的插件 使用use安装即可
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
