Vue學習筆記（三）

一、計算屬性

1、計算屬性的基本使用（四種實現方法）

<code>


    
    <title>計算屬性的基本使用/<title>



    
{{firstName+' '+lastName}}

    
{{firstName}} {{lastName}}


    
    
{{getFullName()}}


    
    
{{fullName}}






/<code>

2、計算屬性的複雜操作

<code>


    
    <title>計算屬性的複雜操作/<title>
 



    
總價格：{{totalPrice}}






/<code>

3、計算屬性的setter和getter

<code>


  
  <title>計算屬性的setter和getter/<title>



    
{{fullName}}






/<code>

4、計算屬性computed和methods的對比

<code>


  
  <title>計算屬性和methods的對比/<title> 




    
    
{{firstName}} {{lastName}}

    
    
{{fullName()}}

    
    
{{getFullName}}






/<code>

二、相關ES6語法

1、let/var(塊級作用域)

★ ES5中的var是沒有塊級作用域的，ES6中的let是有塊級作用域的

<code>


  
  <title>塊級作用域/<title>
 


<button>按鈕1/<button>
<button>按鈕2/<button>
<button>按鈕3/<button>
<button>按鈕4/<button>
<button>按鈕5/<button>



v/<code>

2、const的使用

★ 主要的作用是將某個變量修飾為常量，在ES6開發中，優先使用const，只有需要改變某一個標識符的時候採用let

<code>


  
  <title>const的使用/<title>



  


/<code>

3、對象的增強寫法

★ ES6中，對對象字面量進行了很多增強

<code>


  
  <title>對象字面量的增強寫法/<title>



  


/<code>

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

關鍵字: 學習 UNIX HTML