为什么 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)