Vue起步
2018-06-03 本文已影响0人
keepWhat
mkdir vue
cd vue
wget https://vuejs.org/js/vue.js
touch index.html
1. hello world 项目
<html>
<head>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</html>
打开chrome devtools 感受双向绑定
> app.$data.message
"Hello Vue!"
> app.$data.message="hehe" #浏览器中的值被刷新
"hehe"
> app.$data.message
"hehe"
