小白自学vue（1）

技能背景：html+css，jquery，js

项目背景：公司自己的项目，新业务平台开工前期。新业务平台计划用vue技术栈，但是现有前端都没有接触过

 

然后呢，因为刚进公司不久，手上事情不是多，故自己看了三天官网（cn.vuejs.org），却只理解了{{}}  /捂脸

为了给自己学习的结果一个交代，根据自己的理解，做了一个超简单的小demo，连组件都没用到，用的是引入vue.js，然后用到了就是数据的绑定（是不是感觉超low...）

先来看下demo界面，“送车订单”和“门店订单”是tab（自己js写的超简单的一个tab）

 

然后来看看页面，真的都是{{}} /捂脸

 

再来看看js，最开始连数据的绑定都是每个单独new一个

后来自己都看不下去了，然后给body加了个id

 

然后改写了下js数据绑定

 

清晰多了有没有

 

然后我们run一个

 

报错啦~~~~~~

 

不能以html或body为节点来进行绑定

所以，就在body内dom外加一层div，还是用原来ID

 

再来run一遍

 

完美~~~

 

以上！如有不足请多多指教