为什么 vue 中的数据不会变化？

Question

  let str = 'ccc'  export default {    data () {      return {        test: str,      }    }  } vue中，一个全局变量str,为什么改变了str的值，test不会变化?

Answer 1

你这个基本变量只能赋初始值

赋引用应该可以

<template>

    <h1>{{ test.str }}</h1>

</template>

let obj = {

    str:"ccc"

}

export default {

    data () {

        return {

            test: obj,

        }

    }

 }

Answer 2

可以简单的类比一下

比如:

let foo = 'foo'

let bar = { baz: foo}

foo = 'foo2'

console.log(bar)