SOURCE

// let a = {a: [1, 2]}

// new Vue({
//     el: '#app',
//     data() {    
//         return {
//             message1: a.a[0],
//             message2: a.a[1],
//         }
//     },
//     computed: {
//         message3() {
//             return a.a[0]
//         },
//         message4() {
//             return a.a[1]
//         },
//     }
// })

// a = {a: [2, 3]}
// console.log(a.a);


new Vue({
    el: '#app',
    data() {
        let a = {a: [1, 2]}  
        return {
            message1: a.a[0],
            message2: a.a[1],
        }
    },
    computed: {
        message3() {
            return a.a[0]
        },
        message4() {
            return a.a[1]
        },
    },
    created() {
        a = {a: [2, 3]}
        console.log(a.a);
    }
})

<div id="app">
    <div>{{message1}}</div>
    <div>{{message2}}</div>
    <div>{{message3}}</div>
    <div>{{message4}}</div>
</div>