vue.js实际操作

1、 新建web项目

  vue.js实际操作_第1张图片

 

2、 新建一个jsp文件

  vue.js实际操作_第2张图片

 

3、 vue.js放到Webjs目录下

   vue.js实际操作_第3张图片

 

4、 jsp中引入vue.js

  vue.js实际操作_第4张图片

 

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

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

 

 vue.js实际操作_第5张图片

 

6、 定义一个javascriptmodel

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

 vue.js实际操作_第6张图片

 

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

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

vue.js实际操作_第7张图片

 

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

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

 

转载于:https://www.cnblogs.com/chenze/p/7904496.html

你可能感兴趣的:(vue.js实际操作)