VUE入门一 

学习VUE中.......
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="app">{{content}}</div>
    <script>
        // var dom = document.getElementById('app');
        // dom.innerHTML = 'hello world'
        var app = new Vue({
            el:'#app',//实例负责管理的区域
            data:{
                content:'hello world1'
            }
        })
        setTimeout(function () {
            app.$data.content = 'bye world'  //$data 是data 的别名  隔2秒换数据
        },2000)
    </script>
</body>
</html>

 

posted @ 2018-11-12 18:47  alexbiu  阅读(133)  评论(0)    收藏  举报