Vue中的MVVM模型

最新推荐文章于 2024-03-17 18:25:59 发布

YonChao

最新推荐文章于 2024-03-17 18:25:59 发布

阅读量250

点赞数

分类专栏： Vue 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_44141172/article/details/121339752

版权

Vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

M:Model模型，对应data中的数据。

V:View模板，即对应的页面，页面级结构。

VM:视图模型，Vue实例对象。

eg:

<body>
    <!-- 视图层即View层  -->
    <div id="root">
        <h1>学校名称：{{name}}</h1>
        <h1>学校地址：{{address}}</h1>
    </div>

    <script type="text/javascript">
        Vue.config.productionTip = false
        //ViewModel
        new Vue({
            el: '#root',
            //Model 模型
            data:function () {
                return {
                    name:"尚硅谷",
                    address:"北京"
                }
            }
        })  
    </script>
</body>

ps:这时候再用对象去接收Vue实例就要用
const vm = new Vue

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YonChao

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue中的MVVM模型

M:Model模型，对应data中的数据。V:View模板，即对应的页面，页面级结构。VM:视图模型，Vue实例对象。eg:<body>  <div id="root"> <h1>学校名称：{{name}}</h1> <h1>学校地址：{{address}}</h1> </div> <script
复制链接

扫一扫