5. MVVM模型

最新推荐文章于 2024-07-25 14:02:07 发布

Sun Jiakai_凯

最新推荐文章于 2024-07-25 14:02:07 发布

阅读量94

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/s12345672/article/details/119704487

版权

MVVM Vue.js 数据绑定模板视图模型

关键词由CSDN通过智能技术生成

Vue 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

MVVM模型

MVVM模型
    1. M：模型 Model：data中的数据
    2. V：视图 View：模板代码
    3. VM：视图模型 ViewModel：Vue实例
注意：
    1. data中的所有属性，最后都出现在vm身上
    2. vm身上所有的属性 及 Vue原型上所有属性，在Vue模板中都可以直接使用

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>MVVM模型</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>         
        <!-- 准备好一个容器 -->
        <div id="root">
            <h2>勿屈己而从人，勿沽名而钓誉</h2>
            <h2>姓名：{{name}}</h2>
        </div>
        
        <script type="text/javascript">
            Vue.config.productionTip = false;  //阻止 Vue 在启动时生成生产提示
            //创建Vue实例对象
            new Vue({
                //el: document.getElementById("root"), 作用和如下相同
                el: '#root', //el: 用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串
                data:{  //data: 中用于存储数据，数据仅供e所指定的容器使用
                    name: '刘恺威'
                }
            })
        </script>
    </body>
</html>

Sun Jiakai_凯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
5. MVVM模型

MVVM模型MVVM模型 1. M：模型 Model：data中的数据 2. V：视图 View：模板代码 3. VM：视图模型 ViewModel：Vue实例注意： 1. data中的所有属性，最后都出现在vm身上 2. vm身上所有的属性及 Vue原型上所有属性，在Vue模板中都可以直接使用<!DOCTYPE html><html lang="en"> <head> <meta char
复制链接

扫一扫

专栏目录