vue初步使用

　　vue是构建前端视图的框架

　　引入vue.js文件

　　下文代码输出到页面

　　　　

　

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <!-- 引入vue -->
    <script src="vue.js"></script>
</head>

<body>
    <div id="test">
        <p style="color: #f40">{{a}}</p>
        <p style="color: #0f0">{{b}}</p>
    </div>

    <script>
        new Vue({
            el: '#test',
            data: {
                a: 'vue测试1',
                b:'vue测试2',
            }
        })
    </script>
</body>

</html>

 

posted @ 2019-09-05 11:55  一颗糊涂淡  阅读(182)  评论(0)  编辑  收藏  举报