SOURCE

new Vue({
    el: "#app",
    data: {
        str: "abc",
        number: 888,
        arr: [1,2,3],
        obj: {
            num: 4
        },
        html: "<span>这是一段HTML代码</span>"
    },
    computed: {
        result() {return this.arr[1] + this.obj.num}
    },
    methods: {
        sum(a, b) {return a + b}
    }
})

<div id="app">
    <p>{{ str }}</p>
    <p>{{ number }}</p>
    <p>{{ arr[1] }}</p>
    <p>{{ obj.num }}</p>
    <p>{{ arr[1] + obj.num }}</p>
    <p>{{ result }}</p>
    <p>{{ sum(arr[1], obj.num) }}</p>
    <p>{{ Boolean(obj.num) }}</p>
    <br/>
    <div>{{ html }}</div>
    <div v-html="html"></div>
</div>