Vue.js基础介绍

Vue介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架（渐进式： 越学越难（ 上手门槛低 ））。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统
vue.js是一个MVVM框架
vue.js 数据也是单向的， 我们称之为， 单向数据流
vue.js是不兼容ie8及其以下浏览器

尤雨溪 （vue框架作者）

尤雨溪是Vue.js框架的作者，HTML5版Clear的打造人。他认为，未来App的趋势是轻量化和细化，能解决问题的应用就是好应用。而在移动互联网时代大的背景下，个人开发者的机遇在门槛低，成本低，跨设备和多平台四个方面google实习 阿里任职 weex研究团队（访问原生设备的库） vue.js是属于他的个人项目

. vue.js目前适用于中小型项目

. vue.js借鉴了 react 和 angular

. 扩展：avonlon.js

和vue.js很类似一个库

• 也是一个个人项目
• 作者：司徒正美

. 尤雨溪微博，可关注一波

尤小右

. vue.js什么时候正式发布？

2016年10月份

github关注度： 136K (不代表大陆地区)

前端框架的发展历程

js
jquery
MVC架构思维从后端引入到前端
backbone.js
angular.js (15年)
react.js(15年)
vue.js(16年10月份)
研发12年以后了， 但是发布
混合开发
MV* 模式
MVC 后端引入 架构思维
前端MVC vs 后端MVC
完全不同
MVC 衍生架构
backbone.js
MVP
MVVM

名称解释：

M Model 数据
V View 视图
C Controller 控制器（ 业务逻辑 ）
P Presenter 提出者；推荐者；赠送者；任命者 ( 中介 媒婆 )
VM ViewModel 视图模型
库 vs 框架
库： 工具
框架： 工具+生态圈

vue.js使用：

1. 下载

• cdn
  https://cdn.bootcss.com/vue/2.6.10/vue.js
• 本地保存
  vue.js文件
• 模块化安装
  npm i vue -D/-S
  cnpm
  yarn

2. 引入

3. 初始化

1. 必须有一个html容器， 决定vue.js的作用范围

2. 初始化 new Vue(options) * el 表示装载， 将上面id为app的模板装载在 new Vue的实例中，也确定了一个作用范围 * data 数据 注意： 学习vue.js即要学习配置项 && api 3. 数据绑定（声明式渲染） 名词： mustauch语法糖： 双大括号语法 {{}} 支持js语法 ##### 注意事项： 1. 模板中的 this 指的是 new Vue得到的实例 ， 在模板中 this可以省略不写 ```

{{ this.$data.msg }}

{{ this.msg }}

{{ msg }}

推荐的 ``` 2. data选项在根实例中是对象， 除了跟实例以外是函数 3. 如何激活浏览器中 vue detools工具 必须有服务器