国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>如何在不同的套件之間共用通用的<code>vue/nuxt</code>特定程式碼？ </p> <p>我不想使用<code>monorepo</code>，但我有一些共享的程式碼，我想將其分離成自己的套件。這個共享的程式碼（新套件）使用<code>@nuxtjs/composition-api</code>編寫，只是在不同的元件/範(fàn)本中重複使用的共享<code>computed</code>和<code> ;methods</code>。 </p> <p>我不希望將這個包設(shè)定為插件。而是直接導(dǎo)入以利用樹搖晃（就像<code>composition-api</code>一樣）。 </p> <p>我熟悉使用<code>rollupjs</code>建立可匯入的模組。 </p> <pre class="brush:php;toolbar:false;">//新包 //index.js export { default as isTrue } 從 './src/isTrue' … //src/isTrue import { computed } from '@nuxtjs/composition-api' export default (p) => { return computed(() => p === 'true') //我不確定這樣會不會破壞回應(yīng)性？ ！ ？ ！ }</pre> <p>我沒有遇到任何問題將其編譯為<code>.ssr, .esm, .min</code>格式，透過<code>rollupjs</code></p> <p>問題出現(xiàn)在我將新套件匯入到一個工作文件時。 </p> <pre class="brush:php;toolbar:false;">import { isTrue } from 'new-package' export default{ name: 'testComp', setup(props){ return { isActive: isTrue(props.active) } }</pre> <p>會產(chǎn)生：</p> <pre class="brush:php;toolbar:false;">[vue-composition-api] 必須在使用任何函數(shù)之前呼叫 Vue.use(VueCompositionAPI)。 </pre> <p>我理解<code>@nuxtjs/composition-api</code>是VueCompositionAPI的包裝器。 </p> <p>我不想將新套件安裝為插件，因此我省略了新套件的安裝（安裝範(fàn)例：https://github.com/wuruoyun/vue-component-lib-starter/blob/master/src/install .js）</p>

//library.js
export default function(){ // 訪問 this -> 箭頭函數(shù)沒有 this
   return this.disabled == true // 當(dāng)使用 options api 時，這將是 vue 上下文，即屬性 disabled
}

//component.vue
import { isDisabled } from 'library'

export default {
  //Composition API:
  setup(props){
   return {
    //stuff
   }
  },
  //Options API:
  computed:{
    isDisabled,
  }
}