vueロゴを削除する方法-フロントエンドQ&A-php.cn

vueロゴを削除する方法

PHPz

リリース： 2023-03-31 14:37:56

オリジナル

1981 人が閲覧しました

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 サイトの他の関連記事を参照してください。