1.新建HTML页面,引入Vue.js文件
![](https://i-blog.csdnimg.cn/blog_migrate/ce86814770b91e79e42ee5a784b89ed2.png)
<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官网(对前端开发人员有用的网站)