1は、また別の場所からダウンロードすることができますプラグインダウンロード
- 住所:https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd
- 次のようにしているファイルのアンパックzipファイルをダウンロードします。
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がある、あなたは、デバッグツールを開くためにクリックすることができます。