第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在 Vue 插件中觀察對(duì)象屬性

如何在 Vue 插件中觀察對(duì)象屬性

慕斯709654 2021-11-12 10:42:34
背景考慮以下非?;镜牟寮篿mport SomeObject from "./SomeObject";/** * Some Cool Plugin... */export default {    install(Vue){        Vue.prototype.$someObject = Vue.observable(SomeObject);    }}上面的目的是在我的應(yīng)用程序中注冊(cè)一個(gè)反應(yīng)性的對(duì)象。問題與疑問Vue.prototype.$someObject包含某些需要watched在全局級(jí)別而不是組件級(jí)別上的屬性。有沒有辦法在installVue 插件的方法中將觀察者附加到 Vue 實(shí)例?請(qǐng)注意,我不是在尋找以下答案,我已經(jīng)知道這是可以做到的,但它違背了將代碼分成插件的意義。全局混合也不夠......watch: {    '$someObject.foo': {        handler(value) {            console.log(value);        }    }}我試過的根據(jù)此處概述的文檔,我假設(shè)我可以按照以下方式做一些事情:export default {    install(Vue){        Vue.prototype.$someObject = Vue.observable(SomeObject);        // I have tried all of the following:        Vue.watch(Vue.prototype.$someObject.foo, value => { console.log(value) });        Vue.$watch(Vue.prototype.$someObject.foo, value => { console.log(value) });        Vue.prototype.watch(Vue.prototype.$someObject.foo, value => { console.log(value) });        Vue.prototype.$watch(Vue.prototype.$someObject.foo, value => { console.log(value) });        Vue.watch(Vue.$someObject.foo, value => { console.log(value) });        Vue.$watch(Vue.$someObject.foo, value => { console.log(value) });        Vue.prototype.watch(Vue.$someObject.foo, value => { console.log(value) });        Vue.prototype.$watch(Vue.$someObject.foo, value => { console.log(value) });    }}
查看完整描述

1 回答

?
慕容708150

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個(gè)贊

在 Vue 2 中,只有 Vue 實(shí)例暴露watch. 當(dāng) Vue 3 到來時(shí),您將有其他選擇,但現(xiàn)在您只能使用 Vue 實(shí)例。


也就是說,你可以在插件中有一個(gè)實(shí)例,所以它應(yīng)該很容易實(shí)現(xiàn)你想要的:


import Vue from 'vue';

import SomeObject from './SomeObject';


/**

 * Some Cool Plugin...

 */

export default {

    install (Vue) {

        Vue.prototype.$someObject = Vue.observable(SomeObject);


        new Vue({

          watch: {

            '$someObject.foo' () {

              // Do something

            }

          }

        })

    }

}

此處創(chuàng)建的 Vue 實(shí)例沒有被渲染。它的存在純粹是為了給我們一種觀看方式$someObject。


我知道你在問題中排除了這一點(diǎn),但我真的不明白為什么。也許您沒有打算創(chuàng)建一個(gè)專門用于觀看的專用 Vue 實(shí)例?


另一種方法是使用屬性設(shè)置器而不是watch. 這個(gè)想法是用來Object.defineProperty為你想要“觀察”的屬性創(chuàng)建一個(gè) setter,然后把你需要的任何副作用放在 setter 中。


查看完整回答
反對(duì) 回復(fù) 2021-11-12
  • 1 回答
  • 0 關(guān)注
  • 176 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)