Html 中使用Elment-UI

Html 中使用Elment-UI

开发工具与关键技术：IntelliJ IDEA 
作者：熊俊杰
撰写时间：2021.5.8

element-ui官网:https://element.eleme.cn/#/zh-CN/component/installation

首先我们需要引用element-ui的插件以及vue.js的插件，如果是前后端分离在使用element-ui的时候需要先安装好vue.js和脚手架以及element-ui，
不使用前后端分离情况需要使用插件如下：

<! – vue.js – > < script src="//unpkg.com/vue/dist/vue.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>

在使用element-ui的时候需要在vue的情况里面才可以使用，所以，我们需要使用vue的写法来模拟出一个vue的环境出来如下：

在页面上需要一个div的标签并且标签中需要一个id，意思就是在这个标签里面的内容全都是可以使用vue.js框架的，并且所有的element-ui需要在这个id里面才可以使用，然后我们需要一个js的标签，在里面我们写我们相关的js，script里面需要使用
new Vue({
//name: ‘App’,
el: ‘#app’,
data(){
return{ };
},
methods:{ }
})
其中el是我们上面div里面的id，data里面 是对应的数据，methods里面写的是事件触发的方法，mounted带表页面加载时触发的事件