Level 47
Check out the Vue devtools Chrome extension: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en
Oct 3, 2016
4
Level 7
Can We Manipulate Vue Component props Data From Developer Tools?
Hi,
Let say I have to perform some AJAX stuff with button for a user.
In Jquery approach, we have to use the HTML 5 data-xxx attribute to perform jquery ajax.
<button data-userid="someid"></button>
Well that's fine but in developer tools, I can mess around with that data attribute the way I like from element inspector. That may not be safe.
On the other hand I can't find the way to manipulate props data from developer tools. However I can see the component with data on "source view" of the page.
If that's the case, then Vue component would be better choice for sensitive ajax implementation. Am I right?
or is there a way to do the same for Vue component too?
Thanks
Level 7
I have that installed already. It shows the prop data but doesn't allow to manipulate it. (at least I haven't found a way to do that yet).
so my question: Is Vue Component safer?
Level 47
In Vue devtools, you can click the 'Send to console' button and do what ever you want with a component.
About safety.. Be careful what you send to the front end and be careful with what you get from the frontend. Nothing is safe.
1 like
Level 7
Oh I see.
Thanks for the pointer!
Please or to participate in this conversation.