Vue DevTools外网安装
如何安装
首先需要安装插件 (以谷歌浏览器为例):
- 点击浏览器右上角的三个点 -> 更多工具 -> 扩展程序.
- 打开Chrome网上应用商店, 找到官方提供的版本:
- 点击添加至Chrome就可以了
注意事项
- 网页必须应用了 Vue.js 功能才能看到 Vue DevTools
- 网页必须使用 Vue.js 而不是 Vue.min.js
- 网页需要在 http 协议下打开 (open in live server)，而不是使用 file 协议本地打开。
如何使用
只适用于使用vue的页面调试.
首先书写一段vue代码, 注意不要引入vue的压缩文件.
DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Documenttitle>
head>
<body><div id="app"><p>{{ title }}p>div><script src="lib/vue.js">script><script>new Vue({el: '#app',data: {title: '这是标题内容'}})script>
body>
html>
代码页面右键: open in live server, 可以看到控制台有一个
vue的选项:
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！