8-4 MVC（路由、Vue初识）

路由

1.路由是什么？

• 和家里的路由器差不多
• 在server.js中遇到过很多次
  if(path === '/index.html')
if(path === '/style.css')
• 举例：就像是走到了十字路口
  每一个路由指引走向不同的道路方向

注意：使用this的时候不能使用箭头函数，因为那时候的this是window

Vue

• Vue认为M也不重要
  它会自动帮忙更新
• 因此MCV只剩下V，引入Vue
• 对象V的内容
  1.告诉它是哪个元素
  2.有什么数据
  3.有哪些方法
  4.怎么绑定事件
• Vue基本上到了MVC简化的极限
• 有了Vue之后就再也不需要DOM和jQuery了
  因为：jQuery的作用就是找到元素然后更新它的属性
  在Vue里面不需要，可以直接在元素上面写就行
  JS再也不需要ID了，只有CSS需要ID

总结

1. MVC是程序员从面条式代码变成框架式代码的一个过渡
2. 模块化使得每个模块之间解耦
   模块之间不需要知道对方做的什么
   这个模块用Vue做，那个模块用jQuery做都没有影响
3. Vue将MVC简化到只有V，但当需求非常复杂的时候，Vue还是MVC
4. Vue也是一个EventBus
   所以可以直接用Vue做EventBus

const eventBus = new Vue()
eventBus.&on()
eventBus.&off()
eventBus.&emit()//就是trigger

• Vue在发现n变化的时候，就会自动渲染，而且是局部渲染
  什么变就改什么，不会把整个ui渲染
  不是MVC那也整个页面渲染
  但react是这种思维，也就是view = render(data)