在Vue建構函式時，需要配置一個el屬性，如果沒有沒有el屬性時，可以使用.$mount('#app')進行掛載。

配置了el屬性：

new Vue({
 el:"#app",router
});

如果沒有配置el屬性，可以使用手動掛載$mount("#app")

new Vue({
 router
}).$mount('#app');

var vm = new Vue({
 router
});
vm.$mount('#app');

補充知識：Vue手動掛載元件$mount()，實現js插入元件，替換元件

專案中有時候用到需要再頁面中使用js插入一個vue元件，這時候就用到vue的手動掛載$mount，Vue官網$mount()

手動掛載限制：只在由 new 建立的例項中遵守。

一、首先引入你要插入的元件和Vue

import ShowBox from './show/ShowBox';

import Vue from "vue";

二、手動掛載，js插入元件

//手動掛載，必須使用這種方式才可用，showBoxInstance是手動掛載完後的元件例項
let myShowBox = Vue.extend(ShowBox)
let showBoxInstance = new myShowBox().$mount()
 
//setData是要插入的元件例項中的一個方法，方法內容就是給元件中的data資料賦值，用於元件的資料繫結顯示
showBoxInstance .setData(this.index);
 
//呼叫插入相鄰元素前面的方法,第一個引數是引入元件的dom物件，第二個引數是目標dom物件
this.insertBefore(showBoxInstance.$el,target.$el);

三、也可以直接替換目標元素，js替換元件

//也可以直接替換，target為要替換的dom物件，可以直接使用元件替換目標dom
let myShowBox = Vue.extend(ShowBox)
let showBoxInstance = new myShowBox ().$mount(target.$el);

以上這篇vue中的.$mount('#app')手動掛載操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。