                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

报错 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.

new Vue({el:'body'}) 这样写报错说不能把Vue对象挂载到html 或者body上为什么老师你的代码是正常的

lofan

2017-03-30

源自：vue.js入门基础 1-5

关注问题我要回答

5536

操作

收起

5 回答

fishenal
2017-04-05

对，因为el是body

0 回复有任何疑惑可以回复我~

收起回答

Tom小伙
2018-04-10

在html中这样写：

<body>

</div>

<body>

在入口文件main.js中这样：

import Vue from 'vue'

import App from './components/app.vue'

new Vue({

el:'#app',

template:'<App/>',

components:{App}

})

0 回复有任何疑惑可以回复我~

收起回答

K金松
2017-08-05

new Vue({
el: '#app',
template: '<App/>',
components: { App }
});

用这个方法就可以了

0 回复有任何疑惑可以回复我~

收起回答

qq_艾艾猫_04303746
2017-05-02

怎么解决这样的问题？

0 回复有任何疑惑可以回复我~

收起回答

lofan 提问者
2017-03-30

我知道了是版本问题 V1.x 支持用挂载到body 但是V2.x 只支持挂载到独立的元素节点上比如 <div id='app'></div> 不再支持V1.x的挂载写法老师的视频讲解的是V1.x的版本。。然而现在都V2.x了从vue-cli 里面下载的模板代码也都是最新版本的

3 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

vue.js入门基础

参与学习 209716 人
解答问题 677 个

本门为vuejs入门教程，详细的讲解加实战，可以帮你进入vuejs的大门

进入课程

报错 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.

我要回答关注问题

热搜

最近搜索清空

报错 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.

5 回答

报错 [Vue warn]: Do not mount Vue to <html> or <body> - mount to normal elements instead.