vue.js实际操作

1、 新建web项目

　　

 

2、 新建一个jsp文件

　　

 

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

　　　

 

4、 在jsp中引入vue.js

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

　　

 

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

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

 

 

 

6、 定义一个javascript的model

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

 

 

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

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

 

以上红叉错误为：javax.servlet cannot be resolved to a type

红叉错误解决方法：请参考javax.servlet cannot be resolved to a type的解决方法