一、数据驱动(基于操做 dom 的方式)
(1)、Dom 是数据的一种天然映射(双向数据绑定)手动改变 DOM 很是麻烦使用vue.js以后,只须要改变数据,经过改变 Directives 指令,当数据发生变化,会经过数据指令去修改对应的 DOM
(2)、Vue.js 还会对事件进行必定的监听,当咱们改变视图(view)的时候经过 DOM Listeners 来改变数据
经过以上两点就实现了数据的双向绑定
二、组件化
Vue-cli:(它是 vue 的脚手架工具)
做用:帮助咱们完成基础的代码(包括:目录结构、本地调试、代码部署、热加载、单元测 试)vue
页面上每个独立的可视/可交互区域视为一个组件
每一个组件对应一个工程目录,组件所须要的各类资源在这个目录下就近维护 展现面不过是组件的容器,组件能够嵌套自由组合造成完整的页面。dom