Java第四十一天，Vue系列，第一个Vue项目

1.将下载的Vue.js文件放入 js 目录下

2.在页面填写如下代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>快速入门</title>
    <script src="js/vue.js"></script>
</head>
<body>
<div id="first">
    {{message}}
</div>
<script>
    new Vue({
        el:'#first', //表示当前vue对象接管了div区域
        data:{
            message:'this is first is data' //注意不要写分号结尾
        }
    });
</script>
</body>
</html>

3.系统架构如下：

4.效果如下

posted @ 2020-07-02 20:13  IT蓝月  阅读(132)  评论(0)  编辑  收藏  举报
Live2D