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>
╰︶﹉⋛⋋⊱⋋๑๑⋌⊰⋌⋚﹉︶╯
原文地址:https://www.cnblogs.com/zhangcheng001/p/11465028.html