vue.js:認識一下,我叫vue.js
阿新 • • 發佈:2021-02-16
技術標籤: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}}