Vue入门，这样看这很清晰啊

最新推荐文章于 2024-08-06 15:28:34 发布

sundongbin0212

最新推荐文章于 2024-08-06 15:28:34 发布

阅读量74

点赞数

本文链接：https://blog.csdn.net/sundongbin0212/article/details/119430411

版权

vue

<html>
    <head>
        <meta charset="utf-8">
        <title>轻量级MVVM框架vue</title>
        <!-- 导入vue.js -->
        <script src="vue.js"></script>
    </head>
    <body>
        <!-- 1.准备渲染数据部分 -->
        <div id="挂载区">{{数据渲染区}}</div>
        <script>
            /*2.准备数据部分*/
            var 数据区 = {
                数据渲染区:"我是被挂载的数据~"
            }
            /*3.准备挂载部分*/
            var 挂载连接区 = {
                el:"#挂载区",
                data:数据区
            }
            /*4.创建vue对象使用挂载连接*/
            new Vue(挂载连接区);    
            /*5.理解：挂载区和数据区通过挂载连接区进行连接，
            再通过vue对象把数据传过去*/
        </script>
    </body>
</html>