vue.js的創建
阿新 • • 發佈:2017-11-27
odi src 參數 組件 裏的 view 對象 目錄 定義
1.新建web項目
2.新建一個jsp文件
3.把vue.js文件放到js文件目錄下
4.引用vue.js
<script src = "${pageContext.request.contextPath}直接托文件過來"></script>
5.創建一個view對象(dom組件)
定義一個JavaScript的model
var mymodel = {userName:‘張三‘,age:19};
7.創建一個vue對象,參數為一個json對象
例子
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<div id = "mydiv1">
{{userName}}
</div>
</body>
<script src="js/vue.js"></script>
<script type = "text/javascript">
var mymodel = {userName:‘張三‘,age:19};
var myviewmodel = new Vue({
el:‘#mydiv1‘,//div裏的model
data:mymodel//後面的viewmodel對象
});
</script>
</html>
vue.js的創建