第二章 基本介绍

 

2.1 安装和引入

因为NPM仓库资源在国外，传输速度慢且可能受限，这里不建议用NPM安装其他依赖，而使用淘宝镜像源的cnpm

2.1.1 引入vue.js

（1）安装cpnm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

 

（2）之后，使用cnpm安装Vue.js

cnpm install vue

 

（3）引入Vue模块

import Vue from 'vue'

 

2.1.2 安装Vue Devtools

在谷歌浏览器上安装Vue Devtools扩展程序

（1）下载Vue Devtools

git clone https://github.com/vuejs/vue-devtools.git

（2）进入vue-devtools目录下，安装构建工作所需要的依赖

​​​​​​​cnpm install

（3）构建工具

npm run build

（4）打开Chrome扩展程序
         更多工具- 扩展程序

（5）开启“开发者模式”，并点击“加载已解压的扩展程序”，选择“shell/chrome”文件夹进行安装

（6）再次打开Vue项目时，在Chrome调试工具中通过vue-devtools就可以查看组件状态了

 

2.2 Vue 实例介绍

2.2.1 简单实例

初始化带有title数据的vm对象，title=“6666”

控制台中调试

实例对象 vm.title="88888"

会变成88888

说明实例数据发生变化时， 视图也随之改变

2.2.2 生命周期

 

2.3数据响应式原理

2.3.1 数据链

2.3.2 函数式编程

2.3.3 Vue中的数据链