Vue基本模块

最新推荐文章于 2024-03-11 10:18:37 发布

何知曲成溪

最新推荐文章于 2024-03-11 10:18:37 发布

阅读量378

点赞数

本文链接：https://blog.csdn.net/lemon_T_/article/details/107813225

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
1.下载导包，当导包后，在浏览器的内存中多了一个vue构造函数
2.实例化vue应用程序  new Vue（配置参数）
3.通过el参数关联视图层 —— 用户能看到的界面
4.通过data参数储存数据
5.通过{{}}在视图层渲染我们的数据（像简洁模板）
-->

<!--视图层：MVVM中的V-->
<div id="app">

</div>
<script src="lib/vue-2.4.0.js"></script>
<script>

    new Vue({
        el:'#app',
        data:{
            msg:'hello'
        }
    })
</script>
</body>
</html>