一、vue初時
vue安裝三種方式:
1:CDN引入
如下推薦國外比較穩定的兩個 CDN,國內還沒發現哪一家比較好,目前仍是建議下載到本地。
Staticfile CDN(國內) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發佈的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
2:下載本地引入
開發版本:包含完整的警告和調試模式---https://cn.vuejs.org/js/vue.js
生產版本:刪除了警告,33.30KB min+gzip---https://cn.vuejs.org/js/vue.min.js
3:npm安裝
在用 Vue 構建大型應用時推薦使用 NPM 安裝[1]。NPM 能很好地和諸如 webpack 或 Browserify 模塊打包器配合使用。同時 Vue 也提供配套工具來開發單文件組件。
# 最新穩定版
$ npm install vue
二、helloVue.js初體驗
1:首先安裝好vue
2: 建立一個div 設置一個ID名爲app
而後將vue實例對象中data屬性裏的messenge以插值表達式的方式插入到div中
3:建立一個名爲app的vue實例對象,
最後 瀏覽器中查看顯示效果
三、Vue展現列表
1:安裝vue
2:建立一個id爲app的div,裏面再建立一個li
3:建立以一個名爲app的vue的實例對象
最後 瀏覽器中查看顯示效果
vue