浅学一下vue&element

1.新建HTML页面，引入Vue.js文件

<script src="jslvue.js"></script>

2.在JS代码区域，创建Vue核心对象，进行数据绑定

new Vue({
el: "#app ",
data() {
  return {
    username:""
   }
 } 
});

3.编写视图

<div id="app">
<input name="username" v-model="username">
{{username}}
</div>

v-model的名字要和上面return中返回的username一致

---

---

1.引入Element的css、js文件和Vue.js

<script src="vue.js"></script>
<script src="element-ui/liblindex.js"></script>
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">

2.创建Vue核心对象

new Vue({
el: "#app" ,data() {
return {
username:""
}
}});

3.官网复制组件代码

Element官网（对前端开发人员有用的网站）