Vue學習筆記（一）

一、Vue.js安裝

法1、直接CDN引入（不常用）

法2、下載和引入（不常用）

在vue官網下載vue.js文件，分為開發版本和生產版本，選擇開發版本。

把vue.js引入項目中

<code>/<code>

法3、npm下載（最常用）

二、 vue初體驗

1、體驗vue的響應式

<code>


  
  <title>Title/<title>



  
{{message}}


  
  


/<code>

2、vue列表展示

<code>


  
  <title>Title/<title>



  

    



      
{{item}}

    

  


  
  


/<code>

3、小案例：計數器

<code>


  
  <title>Title/<title>



  
當前計數：{{counter}}

  

    


   
  <button>+/<button>
  <button>-/<button>





/<code>

閱讀更多 想做大牛的程序猿 的文章

關鍵字: 安裝 學習 筆記