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:监听数据变化
|