1. 发布环境 __vue__
console.dir()
是一种在控制台中查看指定 JavaScript 对象的所有属性的方法
Vue项目运行后会把各个组件的数据挂载到对应的dom上,例如 根组件(#app)上获取实例
console.dir(document.querySelector('#app').__vue__)
1.1 复制页面元素
1.2 打印页面元素的__vue__
属性
2. 开发环境 __VUE_HOT_MAP__
和 __vue__
2.1 Vue组件的data-v-xxx
属性
当 <style>
标签有 scoped
属性时,它的 CSS 只作用于当前组件中的元素。编译时将生成data-v-xxx属性,如下的“data-v-469af010”就是因为加了scoped
2.2 __VUE_HOT_MAP__
获取所有组件
上边的469af010
就是每个Vue组件的独有的data-v-xxx
属性