vue基础使用

<div id=‘app‘>
    <h3>{{xx}}</h3>
</div>
<script src="./js/vue.js"></script>
<script>
    // 使用vue第一步，创建vue实例对象
    var app = new Vue({
        el:‘#app‘, // 当前实例绑定的元素
        data:{ // 所有的数据都放在数据属性中
            xx:‘Hello World!‘
        } 
    })
    // {{}}: 模板语法插值
    // {{变量}}
    // {{1+1}}
    // {{‘hello‘}}
    // {{函数的调用}}
    // {{1==1?‘true‘:‘false‘}}
</script>

<!-- 常用 -->
v-text 
v-html 
v-if
v-show
v-for
v-bind
v-on