1、vue概念
Vue.js:是一套构建用户界面的 渐进式框架
框架和库:
框架:vue 一个拥有完整的解决方案,我们写好别人调用 主动
库:jQuery underscore animate.css (用的时候调)被动
渐进式:通过组合 完成一个完整的框架 VUE全家桶 vue.js(核心) + vue-router + vuex + axios
2、vue特点
核心只关注视图层(view)
易学,轻量,灵活的特点
适用于移动端项目
渐进式框架
3、渐进式理解
声明式渲染(无需关心如何实现)
组件系统:分组块,复用
客户端路由(vue-router)
大规模状态管理(vuex)
构建工具(vue-cli)
4、vue的两个核心点
1)、响应的数据变化
当数据发生改变—> 视图自动更新
2)、组合的视图组件
ui页面映射为组件树
划分组件可维护、可复用、可测试
5、MVVM模式 双向绑定(angular,vue)
M:Model数据模型
V:view视图模板
vm:view-Model视图模型
6、安装vue
Object.defineProperty(es5)没有替代方案 不支持ie8以下
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容ES5的浏览器。
1)、cdn的方式 小型项目
2)、npm(node package manager)安装 npm:js的包管理仓库,其中vue也被放在上面。
a)、npm init 初始化会产生一个package.json的文件,用来描述项目的依赖,
名字:不能有大写、特殊字符、中文并且不要和要安装的包的名字相同,
version等等可以默认,git repository:git仓库地址,license:MIT(开源协议)
也可以直接npm init -y 一键生成,name就是文件夹名字
这个json文件中不能写注释。
vue有两个版本1.0和2.0。
b)、当前目录安装vue :npm install vue 默认下载最新版本
安装完成
package.json中会添加该vue版本依赖
项目中会出现node_modules包
如果这个模块包不小心删掉,直接npm install,会重新安装package.json中依赖的该版本的软件。