1. 程式人生 > 其它 >vue.js:認識一下,我叫vue.js

vue.js:認識一下,我叫vue.js

技術標籤:vue.js

1:vue的簡單寫法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="./vue.min.js"></script>
	</head>
	<body>
		{{msg}}
		<script type="text/javascript"
> new Vue( { el:'body', data:{ msg:'cyg&liwen' } } ); </script> </body> </html>

解釋:

第一步:是不是要用這一類的東西,就得建立這一類東西的所具具體體的東西(物件)呀。
比如我是一個人類(類),我想用人類這個類裡面的所具有的東西,比如手腳。所以我得建立一個人(物件)呀。

new Vue();

第二步:記住這個vue是用json方式儲存的。
第三步:你是不是得說我用在什麼地方呀。

el:'body'
,

第四步:輸出什麼資料呀。

data:{
						msg:'cyg&liwen'
					}

第五步:怎麼輸出呀。

{{msg}}

在這裡插入圖片描述