vue.js的第一個helloWorld
阿新 • • 發佈：2018-11-01
Vue.js 的核心是一個允許採用簡潔的模板語法來宣告式的將資料渲染進 DOM
（1）第一步：去官網下載vue.js
http://cn.vuejs.org/v2/guide/index.html
（2）將js引入到普通的html程式碼中
<script src="../vue.js"></script>（3）寫一個名叫vueFirst的div
<div id="vueFirst">
<p>{{message}}</p>
</div><script>
new Vue({
el: '#vueFirst',
data: {
message: 'Hello World Vue.js'
}
})
</script>
（6）具體程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script> </head> <body> <div id="vueFirst"> <p>{{message}}</p> </div> </body> <script> new Vue({ el: '#vueFirst', data: { message: 'Hello World Vue.js' } }) </script> </html>