MVVM简单理解

MVVM:

　　view：视图层，表示DOM(html操作的元素)

　　ViewModel：连接视图和数据的中间件。Vue.js就是MVVM模式中ViewModel的实现者

　　　　　　　　能检测到数据变化，并对视图进行内容的更新

　　　　　　　　将检测视图的变化，并通知给数据进行改变。

　　Model：模型层，表示JavaScript对象

Vue.js就是MVVM的实现者，核心是实现DOM监听和数据绑定

　　

Vue开发：我们用idea开发  插件

　　1.https://plugins.jetbrains.com/plugin/9442-vue-js/versions 根据自己idea版本下载vue.js

　　2.将解压文件房子idea的plugins目录下

　　3.setting–>Plugins 小齿轮选中本地安装 vuejs->lib->vuejs.jar

在html中使用，引入vue



<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>




 


我的第一段vue代码




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--    view层-->
    <div id="app">
        {{message}}
    </div>
    <!--    引入vue-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

    <script>
        var vm=new Vue({
            // element简写绑定视图层id
            el:"#app",
            // model层
            data:{
                message:"my first vuecode"
            }
        });

    </script>
</body>
</html>






 






            

            
posted @ 
2021-12-22 22:49 
qwedfrgh 
阅读(61) 
评论(0) 
 
收藏 
举报