1, descargar el plug-in también se puede descargar desde otros lugares
- Dirección: https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd
- Descargar el archivo zip descomprimir los archivos son los siguientes:
. 2, la instalación en cromo en
las extensiones abiertas de cromo (directamente en la barra de direcciones: chrome: // extensions /), mientras que la necesidad de abrir el modo de programador, pisará el archivo resultante puede ser arrastrado vienen en
3, arrastre tras el éxito de Vue esquina superior derecha del navegador mostrará un icono, mientras que la expansión del programa aparecido DevTools Vue.js
4, para comprobar si la instalación es correcta
- Después de cerrar el navegador Chrome, escribir un programa Vue
procedimiento:
<!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>
- A continuación, las herramientas de desarrollo abierto, en el extremo superior de una columna, hay un vue de la pestaña, puede hacer clic para abrir las herramientas de depuración.