Vue2.0入门-(1)

前言:

首先这是vue2.0+版本的个人解读,此系列里面代码会大部分使用ES6语法,部分会做出注释,同时自己也能重新梳理一次Vue2.0版本,此系列会介绍vue-router,axios,vuex,以及脚手架vue-cli的使用。以下使用 vue.2.3.3版本,此系列乃本人所理解,有任何错误,或不足请指出

1.Vue是什么

Vue.js是一套构建用户界面的渐进式框架。其作者是尤雨溪-- GitHub

2.vue和react框架区别

①. 区别:
* Vue 使用模板搭建应用 React 借助JSX在JavaScript中创建DOM
* Vue简单的语法和项目配置,web端使用较多,更快的渲染速度和更小的体积 React 则Web端和移动端原生APP通吃

②. 相同:
* 用虚拟DOM实现快速渲染
* 轻量级,响应式组件,服务端渲染 等等

vue 的数据绑定

数据绑定是将数据和视图相关联,数据发生变化可以自动更新视图,vue中使用和angular一样的{{}}(类似于Mustache)插值语法

Vue2.0入门-(1)_第1张图片
代码
Vue2.0入门-(1)_第2张图片
运行结果

{{}}中也可以进行表达式运算,也仅仅支持表达式运算

Vue2.0入门-(1)_第3张图片
03.png
Vue2.0入门-(1)_第4张图片
03-显示结果

你可能感兴趣的:(Vue2.0入门-(1))