vue之001之helloworld

最新推荐文章于 2024-06-05 15:56:48 发布

快乐的菜菜

最新推荐文章于 2024-06-05 15:56:48 发布

阅读量132

点赞数

文章标签： vue.js

快乐的菜菜

本文链接：https://blog.youkuaiyun.com/weixin_39455643/article/details/113482444

版权

<!DOCTYPE html>								
<html lang="en">								
<head>								
    <meta charset="UTF-8">								
    <meta http-equiv="X-UA-Compatible" content="IE=edge">								
    <meta name="viewport" content="width=device-width, initial-scale=1.0">								
    <title>Document</title>								
    <!-- 引入vue框架 -->								
    <script src="./lib/vue-2.4.0.js"></script>								
</head>								
<body>								
    <!-- vue通过id找到需要操作的元素 -->								
    <div id="app">								
        <!-- 引入插值表达式 -->								
        <p>{{str1}}</p>								
        <p>{{str2}}</p>								
    </div>								
								
    <script>								
/*         vue导入则在浏览器缓存即存在一个vue框架的构造函数								
        vm对象就是页面模型和视图的整体调度者 */								
        var vm = new Vue({								
            el:"#app",//el指定vue操作哪个标签								
            data:{//data即json数据								
                "str1":"helloworld1",								
                "str2":"helloworld2"								
            }								
        })								
    </script>								
</body>								
</html>