第11章 Vue技术栈开发实战-从SplitPane组件谈Vue中“操作”DOM

本节课将通过封装一个SplitPane分割窗口组件来讲解，在Vue中如何改变一个元素的样式等。在以往的前端开发中，我们习惯了使用jQuery来操作DOM，比如修改一个div的宽度，需要获取这个div的DOM，然后修改他的style；但是在Vue中，我们是不应该这样做的，而是要换一种思路，即“数据驱动视图”。本节课将着重帮助开发者转变思维，学习在Vue中我们如何优雅的“操作”DOM。
本套课程适合如下人群：
1.对Vue的基础知识有一定了解的开发者；
2.了解前端基本知识的后端开发人员、运维人员；
3.对ES6/7/8不是很了解的开发者。
本次Live主要包括以下内容：

1. 简单两列布局
2. 如何让两个div改变宽度
3. 鼠标拖动效果
4. v-model和.sync的用法

课程中穿插了Vue基础知识和ES6/7/8语法学习，能够对基础薄弱的学习者起到学习、巩固的帮助。