Vue初学

今天看着Vue实例照着打,结果一直报错:

[Vue warn]: Do not mount Vue to  or  - mount to normal elements instead.

html是这么写的:

<body id='app'>

     <div class = 'static' v-bind:class='{active:isActive,text-danger:errorText}'

     </div>

Javascript是这样事儿的:

var app = new Vue({

    el:'#app',

    data:{

          isActive:true;

          errorText:fasle

})

挺简单的绑定class,理应出现的画面该是这样的


结果却是这样的:


这也太不正常了,查了一下才知道跳坑了。:

        Vue的元素不可以挂载到html或者body上,Vue里所有的挂载元素都会被生成的DOM替换,因此不要挂载到root实例上。(vue2.0的更改)。

叮~就酱,把挂载改到div上立马就正常了



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容