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 點擊按鈕實現動態掛載子組件的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。