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>
上一篇下一篇

猜你喜欢

热点阅读