vue总结

1. vue1.x 到 vue2.x部分区别

     1. cli   --inline被默认开启

      2. contentBase 换成 proxy

      3. 减少控制台无用输出 比如断开服务器 1.x输出错误信息 2.x输出disconnected

       4. 2.0不能以body 和 html 为挂载点 使用vue自己的$mount手动挂载  1.0挂载点方式为router.start()

2. 动态组件渲染

    多个组件可以使用同一个挂载点,然后动态地在它们之间切换 使用保留的<component>元素,动态的绑定到它的is特性

<!-- 动态组件由 vm 实例的属性值 `componentId` 控制 -->
<component :is="componentId"></component>
<!-- 也能够渲染注册过的组件或 prop 传入的组件 -->
<component :is="$options.components.child"></component>

  切换组件保留状态避免重新渲染 为此可以添加一个keep-alive

<keep-alive>
  <component :is="currentView">
    <!-- 非活动组件将被缓存! -->
  </component>
</keep-alive>

  

原文地址:https://www.cnblogs.com/moneyss/p/8656004.html