vueロゴを削除する方法

Vue は、コンポーネント化、データ バインディング、仮想 DOM などの機能を提供するフロントエンド JavaScript フレームワークで、開発者が最新のアプリケーションをより迅速かつ簡単に構築できるようにします。 Vue を使用しているとき、ページの左上隅に小さな Vue アイコンが表示されることがありますが、このロゴを削除するにはどうすればよいでしょうか?

以下にいくつかの方法を紹介します。

方法 1: Vue コンストラクターでオプションを設定することによる

Vue コンストラクターでオプション productionTip を渡し、それを false## に設定します #, Vue プロンプトを閉じても構いません。

new Vue({
  productionTip: false
})

方法 2: Vue のインスタンス化時にオプションを設定する

Vue オブジェクトのインスタンス化時にオプション オブジェクトを設定でき、オブジェクトのプロパティ

productionTip が設定されます。間違い。

new Vue({
  el: '#app',
  productionTip: false
})

方法 3: Vue のグローバル設定でオプションを設定する

Vue のグローバル設定でオプション オブジェクトを設定して、Vue プロンプトをオフにすることができます。例:

Vue.config.productionTip = false

方法 4: Vue のソース コードを変更する

上記の方法を使用したくない場合は、Vue のソース コードを変更してこれを削除することもできます。小さなアイコン。

node_modules/vue/dist/vue.js ファイルを開き、次のコード セグメントを見つけます:

function initVue (Vue) {
  const version = Number(Vue.version.split('.')[0])

  if (version >= 2) { // Vue 2.x
    Vue.mixin({ beforeCreate: vuexInit })
  } else { // Vue 1.x
    const _init = Vue.prototype._init
    Vue.prototype._init = function (options) {
      options = options || {}
      options.init = options.init ? [vuexInit].concat(options.init) : vuexInit
      _init.call(this, options)
    }
  }
  // 忽略这个图标的数据
  Vue.config.productionTip = false
}

initVue(Vue)

Vue.config の最後の行を変更します。 ProductionTip = true Vue.config.productionTip = false に変更します。

変更が完了したら、Vue プロジェクトを再パッケージ化します。

つまり、上記で紹介した方法は、Vue ロゴを削除するのに役立ちます。この記事があなたのお役に立てば幸いです。

以上がvueロゴを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。