Vue2.0筆記——起步
阿新 • • 發佈:2018-04-15
Vue js 起步
同其他jquery一樣,Vue也是需要引用的通過<script>標簽引入js文件
<script src="js/vue.js"></script>
你可以去github下載,也可以直接引用Vue的js
https://github.com/vuejs/vue/releases
或
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
聲明式渲染
一個簡單的HelloWorld
1.創建html,引入vue.js,只需要在script中編寫如下代碼
var vm = new Vue({ el:‘#app‘, data:{ message:‘HelloWorld‘ } })
2.然後在body中添加div標簽,並添加id為app,如下代碼:
<div id=‘app‘>
{{message}}
<div>
3.註意DOM編譯順序,按需添加windows.onload方法。
Vue 在背後做了大量工作。現在數據和 DOM 已經被建立了關聯,所有東西都是響應式的
new Vue({})即表示一個實例對象,el選項為Vue實例掛載的目標,實例掛載後,元素可用vm.$el訪問。具體更多選項在後篇文章。
接下來,我將一篇篇的寫下自己的筆記。
Vue2.0筆記——起步