vue-上手Hello程序!

????????????????????????ps:最近想增加一些前端技能,就打算開始學(xué)習(xí)Vue.js!

1、首先vs code新建main.html文件引入開發(fā)版本 vue.js文件
<!DOCTYPE?html>
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<title>vue-hello</title>??
????<!--?開發(fā)環(huán)境版本,包含了有幫助的命令行警告?-->
????<script?src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
</body>
</html>

2、編寫hello測(cè)試語(yǔ)句:
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<title>vue-hello</title>??
????<!--?開發(fā)環(huán)境版本,包含了有幫助的命令行警告?-->
????<script?src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
????<div?id="Hello">
????????{{?message?}}
??????</div>
??????<script>
??????????var?app?=?new?Vue({
????????????????el:?'#Hello',
????????????????data:?{
????????????????????message:?'Hello?Vue!,I?am?xiamo!'
????????????????}
????????????????})
??????</script>
</body>
</html>


3、編寫環(huán)境:
????a.windows7 x64
? ? b. vs code+live server(插件)
