1、vue初時 vue安裝三種方式: 1:CDN引入 以下推薦國外比較穩定的兩個 CDN,國內還沒發現哪一家比較好,目前還是建議下載到本地。 Staticfile CDN(國內) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js unpkg:http ...
1、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
2、helloVue.js初體驗
1:首先安裝好vue
2: 創建一個div 設置一個ID名為app
然後將vue實例對象中data屬性里的messenge以插值表達式的方式插入到div中
3:創建一個名為app的vue實例對象,
最後 瀏覽器中查看顯示效果
3、Vue展示列表
1:安裝vue
2:創建一個id為app的div,裡面再創建一個li
3:創建以一個名為app的vue的實例對象
最後 瀏覽器中查看顯示效果