Vue学习笔记(一)

HelloWorld 工程

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Your First Vue Program</title>
    <style>
        .bg{
            color: red;
        }
    </style>
    <script src="https://cdn.bootcss.com/vue/2.5.17/vue.js"></script>
</head>
<body>
<div class="bg">
    Hello,Vue!
    {{msg}}
</div>
<script>
    new Vue({
         el: '.bg',
        data:{
            msg:'Messages in Vue Para'
        }
    })
</script>
</body>
</html>

输出

Hello,Vue! Messages in Vue Para
上一篇:巨控GRM远程模块通过4G相互交换数据方法


下一篇:智慧灯杆网关 智慧路灯建设方案