vue中MVC和MVVM之间的对应关系图及所在的html位置

最新推荐文章于 2023-07-27 09:31:05 发布

学习没有捷径，如果有那便是持之以恒

最新推荐文章于 2023-07-27 09:31:05 发布

阅读量257

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/wulianlang6162/article/details/98340751

版权

vue 专栏收录该内容

26 篇文章

订阅专栏

下面是关系图

在这里插入图片描述
2.直接上带代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!--//导入js包-->
<script src="js/vue.js"></script>
<body>

<div id="app">
   <!--这个就是我们mvvm所说的v-->
    <p>{{msg}}</p>
</div>

<script type="text/javascript">
    //2.创建一个实例
    //这里：new出来的这个就是我们mvvm中的vm调度者
    new Vue({
        el:'#app',//表示我们new的这个vue实例要控制的区域
        data: {//data就是mvvm中的m
            //data属性中，存放的是el中要用到的数据
            msg:'hellfo  vue.js.'
        }
    });
</script>

</body>
</html>