Vue读书笔记

Vue 读书笔记

简介

1、MVVM模式：Vue的数据驱动是通过MVVM模式，Model数据部分负责业务数据，View视图部分，DOM元素，负责视图处理。ViewModel是连接视图与数据的数据模型，负责监听Model和View的修改。Model和View不能直接通信，Model变化，ViewModel监听后通知View。或者View变后，ViewModel监听后通知Model，实现视图和模型相互解耦。
2、优势：轻量级，数据双向绑定，指令（内置指令和自定义指令），插件好用（vue-router、Vuex）。
3、Node.js：基于Chrome V8引擎的JS运行环境，让JS运行在服务器端。
4、npm：基于Node.js的包管理工具。
5、webpack：模块打包工具，把前端项目中的js、css、scss/less、图片等文件打包在一起，自动化构建，将项目中的文件转为浏览器可以读取的静态文件。

实例配置选项

1、data：Vue实例数据对象，Vue会将data属性转换为getter、setter，让data的属性能响应数据变化，vm.name访问vm.$data.name
2、methods：定义实例中的方法，this指向Vue实例本身。
3、components：定义子组件
4、computed：计算属性，数据随着其他数据变动而变动
5、filters：过滤器（continue）
6、el：唯一根元素，用class或id选择器将页面结构和Vue实例对象vm中的el绑定
7、watch：监听数据变化