组件中使用wxs，该组件渲染多个时，wxs会冲突，内部变量会相互污染

• 下面是示例代码，将代码封装成一个组件，在页面上创建2个组件，点击第一个组件的更改，结果如下：
  • js变量改变前 hello world
  • js变量改变后 hello bug
  • wxs变量改变前 hello world
  • wxs变量改变后 hello bug
• 此时第一个组件结果是正常的，然后点击第二个组件的更改，结果如下
  • js变量改变前 hello world
  • js变量改变后 hello bug
  • wxs变量改变前 hello bug
  • wxs变量改变后 hello bug
• 此时第二个组件结果异常，wxs内部的变量提前更改了

<template>  
    <view class="yb-test" :prop="testprop"  :change:prop="testwxs.propWatcher">  
        <button @tap="changeText">更改</button>  
    </view>  
</template>  

<script>  
    export default {  
        data () {  
            return {  
                text: 'hello world'  
            }  
        },  
        computed: {  
            testprop () {  
                return {  
                    text: this.text  
                }  
            }  
        },  
        methods: {  
            changeText () {  
                console.log('js变量改变前', this.text);  
                this.text = 'hello bug'  
                console.log('js变量改变后', this.text);  
            }  
        }  
    }  
</script>  
<script module="testwxs" lang="wxs">  
    var text = 'hello world'  
    function propWatcher (newVal) {  
        console.log('wxs变量改变前',text);  
        text = newVal.text  
        console.log('wxs变量改变后',text);  
    }  
    module.exports = {  
        msg: text,  
        propWatcher: propWatcher  
    }  
</script>

• 问题已解决，使用ins.getState()来存储变量