VueのデベロッパーツールはChromeブラウザをインストールするには

1は、また別の場所からダウンロードすることができますプラグインダウンロード

2、中のクロムの設置。
(直接アドレスバーに:クローム://拡張/)オープンChromeの拡張機能、開発者モードを開く必要がありながら、結果のファイルを踏むだろうがドラッグすることができるで来る
ここに画像を挿入説明
3、ドラッグブラウザのVueのトップ右コーナーの成功はアイコンが表示されます後、プログラムを拡大しながらデベロッパーツールVue.js登場し
ここに画像を挿入説明、インストールが成功したかどうかのテストに4を、

  • Chromeブラウザを閉じた後、プログラムのVueを書きます

手順:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
  <div id="app">
    <coml :parentmsg="msg"></coml>
  </div>
  <script>

    var vm = new Vue({
      el: '#app',
      data: {
        msg: '123 啊-父组件中数据'
      },
      methods: {},
      components: {
        coml: {
          props: ['parentmsg'], 
          template: '<h1>这是子组件---{{parentmsg}}</h1>',
        }
      }
    })
  </script>
</body>

</html>
  • そして、オープンな開発ツールは、列の上端に、タブのVUEがある、あなたは、デバッグツールを開くためにクリックすることができます。
    ここに画像を挿入説明
公開された43元の記事 ウォンの賞賛1 ビュー3114

おすすめ

転載: blog.csdn.net/u011523953/article/details/105361475
おすすめ