Vue初学

作者: zhangfl | 来源:发表于2017-03-07 15:31 被阅读0次

今天看着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上立马就正常了

Vue 2.0 简单项目创建
Vue 2.0 简单项目创建初学vue的入门项目，可以避免很多初学者的坑。
vue初学：
1.环境配置：http://www.runoob.com/w3cnote/vue2-start-coding.html
初学Vue
一、Vue.js下载 1.Vue在线链接 https://www.bootcdn.cn/ 2.Vue官网 ...
vue初学
1，在js入口文件中引入css样式文件 2，引入依赖及子组件 3，数据循环数据绑定 4，DOM节点显示隐藏 5...
初学vue
Vue通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件; 一个简单vue实例组件化组件（Compo...
Vue初学
今天看着Vue实例照着打，结果一直报错： [Vue warn]: Do not mount Vue to or -...
vue初学
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统
VUE初学
vue-cli（vue脚手架） 1.安装vue-cli ① 使用npm（需要安装node环境）全局安装webpac...
vscode怎么创建自定义代码模板
本文以Vue的创建为例，不过这个Vue是在HTML中创建的。初学Vue，我们一般都是在.html文件中引入vue...
vue3.0+vite+Cesium使用记录
项目使用,本项目使用vite与vue vue3.0项目Vite + JSCesium初学,做记录序言 Cesiu...