vue使用 

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>使用vue</title>

</head>

<body>

    <div id="box1">

        {{ }}

    </div>

    <hr>

    <div class="box2">

        {{ }}

    </div>

</body>

<script src="js/vue.js"></script>

<script>

    // 如何使用jq框架 <= 拿到jq框架的对象 $ | jQuery

    // 类比：如何使用vue框架 <= 拿到vue框架的对象 new Vue()
   // vue对象需要手动创建， 原因，一个vue对象可以只控制页面中的某一部分， 如果一个页面有多个部分都需要被控制，那么就需要创建多个vue对象
// vue对象如何与控制的页面进行关联（绑定），采用的是vue对象中的挂载点(挂载点可以唯一标识页面中的某一个区域)
new Vue({
    el: "#box1"
    // 挂在在id为box1的div上，那么该div下的所有内容都由该vue对象来控制
})

new Vue({
    el: '.box2'
    // 挂在在class为box2的div上，那么该div下的所有内容都由该vue对象来控制（尽量使用id，唯一标识）
})
</script>
</html>

　　

posted @ 2019-02-18 09:43  彼岸花纽约  阅读(150)  评论(0)    收藏  举报