本篇文章為大家展示了怎么在vue中通過點擊按鈕實現動態掛載子組件，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

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

Vue.extend( options )

參數：

{Object} options

用法：

使用基礎 Vue 構造器，創建一個“子類”。參數是一個包含組件選項的對象。

data 選項是特例，需要注意 - 在 Vue.extend() 中它必須是函數

示例：子組件 byMount.vue

<template>
 <div>
 <div>mount content test!!</div>
 </div>
</template>
<script >
import Vue from 'Vue';
 export default {
 name: 'bycount',
 data () {
  return {  
  }
 }, 
 methods:{
 },
 } 
</script>

父組件：

  <div class="dync mount">dyncMount root</div>
  <button @click = "dyncMount">dyncMount</button>
-----------------------------------------------------
.....
import byMount from './byMount.vue';
....
 export default {
  name: 'parent',
  methods:{
  dyncMount(){
   var Profile = Vue.extend(byMount);
 // 創建 Profile 實例，并掛載到一個元素上。
   new Profile().$mount('.dync.mount');
 }
.....
}

Vue的優點

Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數據和dom，可以大大提升訪問速度和用戶體驗。

上述內容就是怎么在vue中通過點擊按鈕實現動態掛載子組件，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯行業資訊頻道。

文章題目：怎么在vue中通過點擊按鈕實現動態掛載子組件
網站網址：http://vcdvsql.cn/article10/phoggo.html

成都網站建設公司_創新互聯，為您提供、移動網站建設、品牌網站制作、虛擬主機、用戶體驗、外貿網站建設

廣告

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