vuex-asr
Version:
* Version: 0.7.52 * License M.I.T. * [Online Documentation](https://vuex-asr.github.io/vuex-asr/) * author: Joris Wenting * email: vuex.asr@gmail.com * [linkedIn](https://www.linkedin.com/in/joriswenting/). * [contribute](https://vuex-asr.github.io/vuex-a
1 lines • 2.44 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{208:function(t,e,s){"use strict";s.r(e);var a=s(0),n=Object(a.a)({},(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"asr-debug"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#asr-debug","aria-hidden":"true"}},[t._v("#")]),t._v(" asr-debug")]),t._v(" "),s("p",[t._v("With the attribute asr-debug you'll enable the console reporter class in the plugin,")]),t._v(" "),s("p",[t._v("The following code will create a report for the component "),s("code",[t._v("<some-component />")]),t._v(" in the console")]),t._v(" "),s("div",{staticClass:"language-vue extra-class"},[s("div",{staticClass:"highlight-lines"},[s("br"),s("br"),s("br"),s("br"),s("br"),s("div",{staticClass:"highlighted"},[t._v(" ")]),s("br"),s("br")]),s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[t._v(" "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("some-component")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("asr-bind-state")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("\n anotherMessage AS message IS v-model,\n \t\t\tUSER/first AS firstName,\n \t\t\tUSER/last AS lastName"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("asr-debug")]),t._v("\n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])])]),s("div",{staticClass:"tip custom-block"},[s("p",{staticClass:"custom-block-title"},[t._v("chrome and devtools")]),t._v(" "),s("p",[t._v("Asr-debug works best with chrome. It's also recommended to download the "),s("a",{attrs:{href:"https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue.js devtools"),s("OutboundLink")],1),t._v(".")])]),t._v(" "),s("p",[t._v("This example results in this console message:")]),t._v(" "),s("p",[s("img",{attrs:{src:"/vuex-asr/asr-debug-screenshot.png",alt:"An image"}})])])}),[],!1,null,null,null);e.default=n.exports}}]);