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}}

你可能感兴趣的:(js,vue,创建一个div)