vue中的.$mount('#app')手动挂载操作

$mount()手动挂载
当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；
假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。

配置了el属性：

1. 
   
2. new Vue({
   
3. el: '#app',
   
4. router,
   
5. render: h => h(App)
   
6. // render: x => x(App)
   
7. // 这里的render: x => x(App)是es6的写法
   
8. // 转换过来就是：  暂且可理解为是渲染App组件
   
9. // render:(function(x){
   
10. //  return x(App);
    
11. // });
    
12. });
    

复制代码

如果没有配置el属性，可以使用手动挂载$mount("#app")

1. new Vue({
   
2. //el: '#app',
   
3. router,
   
4. render: h => h(App)
   
5. // render: x => x(App)
   
6. // 这里的render: x => x(App)是es6的写法
   
7. // 转换过来就是：  暂且可理解为是渲染App组件
   
8. // render:(function(x){
   
9. //  return x(App);
   
10. // });
    
11. }).$mount("#app");
    

复制代码

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

复制代码