vue.js的使用

　　　-------------------------创建web项目（vue）----------------------

2、 新建web项目

3、 新建一个jsp文件

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

5、 在jsp中引入vue.js

<script src="${pageContext.request.contextPath}/js/vue.js"></script>

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

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

7、 定义一个javascript的model

var myModel1 = {userName:'张三丰',age:19};

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

参数为一个json对象（包含2个参数,el,data）

　　　　　---------------DOM操作--------------

 1、抛开手动操作DOM的思维，Vue.js是数据驱动的，你无需手动操作DOM。

2、将DOM和数据绑定起来，DOM将和数据保持同步，
每当变更了数据，DOM也会相应地更新。

3、MVVM模式（Model-View-ViewModel）
ViewModel是如何和View以及Model进行交互的。
model放在data（可能多项）
view放在el（view里面的{{  }}可能多项，跟model对应）

4、ViewModel是Vue.js的核心，它是一个Vue实例。
     Vue实例是作用于某一个HTML元素上的，
    这个元素可以是HTML的body元素，
   也可以是指定了id的某个元素。

5、所有的元素都是响应式的

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/ygs520/p/7903111.html