1. 程式人生 > >Vue2.0筆記——起步

Vue2.0筆記——起步

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筆記——起步