書名： Full-Stack Vue.js 2 and Laravel 5
作者名： Anthony Gore
本章字?jǐn)?shù)： 125字
更新時間： 2021-07-02 19:57:23

Vue's mount element

What if we just mounted Vue on thebodytag, wouldn't that solve our problems? For example:

new Vue({
  el: 'body' 
});

This is not permitted by Vue and if you attempt it you will get this error: Do not mount Vue to <html> or <body> - mount to normal elements instead.

Remember that Vue has to compile the template and replaces the mount node. If you have script tags as children of the mount node, as you often do withbody, or if your user has browser plugins that modify the document (many do) then all sorts of hell might break loose on the page when it replaces that node.

If you define your own root element with a unique ID, there should be no such conflict.

官术网_书友最值得收藏!

Full-Stack Vue.js 2 and Laravel 5

Vue's mount element