JavaWeb--vue
2022-07-28 本文已影响0人
何以解君愁
vue是一套前端框架,免除原生JavaScript的DOM操作,简化书写
MVC只能实现模型到视图的单向展示(Model(模型)<-->Controller(控制器)->View(视图))
基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上
官网:https://cn.vuejs.org
vue入门:①新建HTML页面,引入Vue.js文件
<script src="js/vue.js"></script>
②在JS代码区域,创建Vue核心对象,进行数据绑定
new Vue({
el:"#app",
data(){
return{
username:""
}
}
});
③编写视图
<div id="app">
<input name="username" v-model="username">
{{username}}
</div>