用vue+jquery写的页面如何防止F12后sources查看到源代码？

Question

问题如题。
现在我的页面直接就是这样的效果（下图为浏览器开发者工具-sources-index.html打开后的部分截图）

vue的代码，甚至v-for循环都能看到...，如何禁止这种现象？至少页面上的vue代码不能出来吧？
我也找了一些资料，都是比较粗暴的直接禁用F12或者右键等，有没有更好的方式？

Answer 1

方向错了。应该是用gulp、webpack这类工具把html,css,js等压缩。而不是禁用F12。比如可以用Vue-cli脚手架。