1. 程式人生 > >淺談vue.js

淺談vue.js

oba boot rip lar com nbsp blank all nod

  在使用vue.js前,首先得安裝vue.js。

  對於vue.js的安裝,有以下幾種方法:

  1、通過官網下載:

  Vue.js 官網下載地址:http://vuejs.org/guide/installation.html

  2、使用CDN方法:

  以下推薦國外比較穩定的兩個 CDN,個人建議下載到本地。

  BootCDN(國內) : https://cdn.bootcss.com/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   

  3、使用NPM方法:

  要使用npm方法,首先得安裝npm,由於新版的nodejs已經集成了npm,所以npm也一並安裝好了。

  node.js安裝地址:https://nodejs.org/en/download/

  安裝完node.js後,npm就已經安裝成功了。由於 npm 安裝速度慢,本教程使用了淘寶的鏡像及其命令 cnpm,這裏就不在贅述了,詳細請參考:使用淘寶 NPM 鏡像。

  npm 版本需要大於 3.0,如果低於此版本需要升級它:  

  # 查看版本
     npm -v

  #升級 npm
    cnpm install npm -g

  如果在用 Vue.js 構建大型應用時推薦使用 NPM 安裝:

  # 最新穩定版
  cnpm install vue

  這裏附上一個小案例:

  技術分享

 

  註意:

  JavaScript 代碼需要放在尾部(指定的HTML元素之後),否則會無效。這是因為瀏覽器在解析的時候是從前往後的,如果js代碼放在head中,那麽此時body中的內容根本就獲取不到,自然也就不起作用了。

淺談vue.js