vue 项目在chrome控制台打印属性数据

作者: 雷根儿 | 来源:发表于2020-09-23 10:17 被阅读0次

方式一：在创建vue时使用 var myVue = new Vue（｛｝）这样在控制台可以直接使用myVue

var myVue = new Vue({
  data() {
      return {
        name: 'zhou',
      }
  }
})

在控制台

console.log(myVue.name)

方式二：window.Vue = this; console.log(Vue.name)

export default {
  mounted() {
    window.Vue = this;
  },
  data() {
      return {
        name: 'zhou',
      }
  }
}

在控制台

console.log(Vue.name)

vue 项目在chrome控制台打印属性数据
方式一：在创建vue时使用 var myVue = new Vue（｛｝）这样在控制台可以直接使用myVue 在...
安装vue-devtools拓展程序
使用 Chrome 浏览器开发 Vue 项目的时候，控制台提示： Download the Vue Devtool...
浏览器调试相关
1. 安装vue-devtools拓展程序 (1) 使用 Chrome 浏览器开发 Vue 项目的时候，控制台提示...
vue html页面打印功能vue-print
vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-...
开发环境下自定义打印效果
在 Vue.js 3 中，当我们在控制台中打印一个 ref 数据时：控制台会输出如下结果：它其实就是代表 re...
__ob__: Observer
在vue项目中输出到控制台出现，，数组元素中出现这个 [{…}, {…}, {…}, {…}, {…}, {…},...
vue引入layer弹框控件
vue项目如何引入layer弹框? 在项目控制台输入: cnpm install --save layui-lay...
眼见并不为实——JS中console.log的'不可靠&
在Chrome中任意网页里打开控制台，输入以下代码回车：你会发现打印出的结果是'{a: "b", c: "b",...
解决控制台警告 Set operation on key "xx
使用vue3.0 + ant-design-vue时发现控制台一直打印出警告，都会增加打印几十条警告，如图同时，...
vue devtools vue项目测试神器
vue项目中安装vue devtools 神奇地址chrome 网上应用商店搜索 vue devtools 极速安...