如何在Vue項目中使用Extends擴展選項-創新互聯

如何在Vue項目中使用Extends 擴展選項？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

創新互聯是一家專注于做網站、成都網站建設與策劃設計,昌寧網站建設哪家好?創新互聯做網站,專注于網站建設10余年,網設計領域的專業建站公司;建站業務涵蓋:昌寧等地區。昌寧做網站價格咨詢:18980820575

具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Vue Extends 擴展選項</title>
  <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
</head>
<body>
<h2>Vue Extends 擴展選項</h2>
<hr>
<div id="app">
  <p>
    {{num}}
  </p>
  <p><button @click="add">add</button></p>
</div>
</body>
</html>
<script>
  var extendObj={
   updated:function () {
     console.log('我是擴展的Update')
   },
   methods:{
     //如果方法名一樣 他只觸發構造器里的方法 擴展不觸發 混入選項也一樣
     add:function(){
       this.num++
       console.log('我是擴展出來的方法')
     }
   }
  };
  var app = new Vue({
    el:'#app',
    data:{
      num:1
    },
    updated:function(){
      console.log('我是構造器觸發的')
    },
    methods:{
      add:function(){
        this.num++
        console.log('我是原生的方法')
      }
    },
    //擴展不能為數組 混入是為數組
    extends:extendObj
  })
</script>

運行結果：

如何在Vue項目中使用Extends 擴展選項

看完上述內容，你們掌握如何在Vue項目中使用Extends 擴展選項的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創新互聯成都網站設計公司行業資訊頻道，感謝各位的閱讀！

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前名稱：如何在Vue項目中使用Extends擴展選項-創新互聯
分享路徑：http://m.newbst.com/article18/jggdp.html

成都網站建設公司_創新互聯，為您提供Google、外貿網站建設、域名注冊、品牌網站設計、標簽優化、用戶體驗

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

如何在Vue項目中使用Extends擴展選項-創新互聯