一章笔记代码源码基础.pdfVIP

1.VUE基础

1-1.VUE2.0介绍

1-2.VUE基本使用,模板语法

1-3.VUE条件分支指令

1-4.循环指令

1-处理

1-6.表单输入绑定

1-7.样式表处理

1-8.计算属性

1-9.过滤器

2.VUE进阶

2-1.组件开发-基本使用

2-2.组件开发-props对象的使用

2-3.组件开发-生命周期

2-4.组件中的自定义

2-5.非父子组件通信

2-6.slot分发内容

3.高级

3-1.vue-cli脚手架的使用

4.实战-共享单车管理系统

4-1.实图功能

4-2.实战-基于地理位置的车辆查询

4-3.实战-车辆维修

VUE2.0介绍

Vue.js（读音/vjuː/，类似于view）是一套构建用户

界面的渐进式框架。与其他重量级框架不同的是，

Vue采用自底向上增量开发的设计。

Vue的库只关注视图层，它不仅易于上手，还便于与

第或既有项目整合另方面，当与单文件组件和

Vue生态系统支持的库结合使用时，Vue也完全能够为复

杂的单页应用程序提供驱动

VUE2.0介绍

Vue的一些语法和AngularJS的很相似（例如v-ifvsng-if）。因为

AngularJS是Vue早期开发的灵感。然而，AngularJS中存在的

许多问题，在Vue中已经得到解决。

•复杂性

•灵活性和模块化

•数据绑定

•指令与组件

•性能

VUE2.0介绍

React和Vue有许多相似之处，它们都有：

•使用VirtualDOM（虚拟DOM）

•提供了响应式（Reactive）和组件化（Composable）的视图组件。

•将注意力集中保持在库，而将其他功能如路由和全局状态管

理交给相关的库。

HelloWorld

三步实现helloworld

Step1:

引入

Step2:

divid=app

{{message}}

/div

HelloWorld

Step3:

varapp=newVue({

el:#app,

data:{

message:HelloVue!

}

})

Vue不兼容IE8以下。

把一个普通JavaScript对象传给Vue实例的data选项，Vue将遍历

此对象所有的属性，并使用Object.defineProperty把这些属性全

部转为getter/setter。Object.defineProperty是仅ES5支持，且无法

shim的特性，这也就是为什么Vue不支持IE8以及更低版本浏览器

的。