关于网友提出的“ (vue.js)vuejs 外部程序操作Vuejs内部属性问题
”问题疑问，本网通过在网上对“ (vue.js)vuejs 外部程序操作Vuejs内部属性问题
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (vue.js)vuejs 外部程序操作Vuejs内部属性问题
描述:

这个问题可以一笔带过。是这样的我用vue-cli构建了一个项目，里面有个组件叫A-components，A-components里面有个属性叫myProperty,我想在chrome控制台中写脚本，然后打印出myProperty的属性。问一下大家，这怎么实现呢？

---

解决方案1:

{
    data,
    methods,
    ...
    ready:function(){
        window.vm = this;
    }
}

解决方案2:

如果是单纯想要进行调试，可以试试这个

vue-devtools

如果是想从外部操作 Vue 内部属性的话

假设现在架构是这样：

var Test = Vue.extend({
    template: '
{{foo}}
',
    data: function() {
        return {
            foo: 'foo'
        }
    }
})

window.vueInstance = new Vue({
    el: 'body',
    components: {
        test: Test
    }
})

在 Chrome 的 console 就可以透过：

window.vueInstance.$children[0].$data.foo

来取得或是赋值

window.vueInstance.$children[0].$data.foo = 'test'

一样会触发其更新机制。

实现

jsFiddle

可试试看在 console 中

window.vueInstance.$children[0].$data.foo = 'test'

可以看见画面上的值跟着变化