本節(jié)知識點
- 安裝Vue
- 安裝live-server
- vue一個小demo
安裝
<script src="js/vue.js"></script>
- 第二步利用npm 安裝live-server
他主要的作用就是模擬服務器這樣不用每次都開NODE
在項目中打開的話就是live-server
npm i live-server -g
VueDemo 入門
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0">
<title>Vue入門第一節(jié)</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="vueone">{{message}}</div>
</body>
<script>
var app = new Vue({
el:"#vueone",
data:{
"message":"Vue第一次測試"
}
})
</script>
</html>
綁定好以后在終端敲擊
live-server
步驟說明
- 1 . 需要引入vue這個類庫
- new一個Vue對象冗酿。V一定要大寫
- 3 .里面?zhèn)鬟f一個參數(shù)就是對象對象里面有基本的兩個屬性
- 一個是data 另外一個是el ,el就是綁定的元素择吊。data就是綁定的數(shù)據(jù)
