js vue 创建一个div_Vue.js——理解与创建使用

Vue.js

概念：是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API，作者是尤雨溪是中国人。

优点：

1)易用

已经会了HTML,CSS,JavaScript？即刻阅读指南开始构建应用！

2)灵活

简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

3)性能

17kb min+gzip 运行大小

超快虚拟 DOM

最省心的优化

创建与使用的步骤：

1、 新建web项目

2、新建一个jsp文件

3、把vue.js放到Web的js目录下

4、在jsp中引入vue.js

5、创建一个view对象(DOM组件)

注意：此view对象，可以包含n个数据，数据使用{{xxx}}来描述

6、定义一个javascript的model

var myModel = {userName:'张三三'，age：20};

7、创建一个Vue对象(ViewModel对象)

参数为一个json对象(包含2个参数el,data)

{{userName}}

{{age}}