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.效果如下

作者:蓝月

-------------------------------------------

个性签名:能我之人何其多,戒骄戒躁,脚踏实地地走好每一步

原文地址:https://www.cnblogs.com/viplanyue/p/13573741.html