• vue-devtools的安装与使用


    安装 vue.js devtools 

    vue官方中文文档:http://www.uihtm.com/vue/v2/guide/index.html#

    安装 vue.js devtools 前提是Google浏览器已经安装谷歌访问助手,可以正常访问到谷歌商店,没有安装的话,可以去安装下谷歌访问助手,链接如下:

    https://jingyan.baidu.com/article/63f236287f16c50208ab3d98.html

    安装好vue.js devtools,会出现一个小图标,发现打开vue项目时,这个图标是灰色的

    提示:“vue.js not detected”

    解决方法:

    1.需要找到Google浏览器刚刚安装vue.js devtools 插件的目录,因为我是win7,win7路径如下:C:Users用户名AppDataLocalGoogleChromeUser DataDefaultExtensions hdogjmejiglipccpnnnanhbledajbpd5.1.0_0

    2.参考:http://chromecj.com/utilities/2018-12/1653.html

    修改之后,重新刷新之前打开的vue项目,

    你会发现,报了一个这样的错:

    Vue.js is detected on this page. Open DevTools and look for the Vue panel.

    翻译过来就是:在此页上检测到Vue.js,打开devtools并查找vue面板

      解决方法:在你的Vue项目的main.js中加入这段代码:Vue.config.devtools = true

    ctrl+s,再刷新Google浏览器,你会发现,F12多了一个Vue选项,打开这个选项,成了

  • 相关阅读:
    去除金额千分位,还原成数字
    替换对象的key
    合并两个对象的属性
    js常用数组方法
    document对象的一些属性
    js数字四舍五入保留n位小数
    js时间日期类常用方法
    数字转换成千分位格式
    valueOf获取日期时间初始值
    常见的数据库Cause:Packet for query is too large(xxx > 1024)
  • 原文地址:https://www.cnblogs.com/yingyigongzi/p/10772495.html
Copyright © 2020-2023  润新知