vuejs data里面的变量不能作为参数传递给函数吗？

Question

我有一个通用的函数func, 用来改变data里面的变量的值， 但是data里面的变量无法当作参数传递给函数吗？

<template>
    <div>
        <button @click="click1">btn1</button>
        <button @click="click2">btn2</button>
    </div></template><script>import card1 from ***import card2 from ***

data () {    return {
        card1,
        card2
    }  
},method: {
    
    click1 () {        this.func(this.card1)
    }
    
    click2 () {        this.func(this.card2)
    }    
    // 通用函数
    func (card) {
        card = '***'
    }
}</script>

Answer 1

可以的，但是原始类型的数据只是值传递，你在func里面改变card，只是改变形参card，并不是改变组件变量，可以做如下修改func (str) {     this[str] = '***'} this.func('card1')

Answer 2

func (card) {     card = '***'}这里的 card = '***' 只是让 card 变量的值改变，并不会让 this.func(this.card1) 中的参数的值发生改变。除了下面这种情况:func (card) {     card.someField = '***' // 这会在 this.func(this.card1) 时使得 card1.someFiled 的值被改变}具体区别请查阅 "值、引用" 相关文章。