1、vue的生命周期:
Vue生命周期

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

<div id="app">  
    {{name}}  
</div>  
<button onclick="test()">挂载</button>  
<script>  
    var obj= {name: '张三'}  
    var vm = new Vue({  
        data: obj
    })  
    function test() {  
        vm.$mount("#app");  
    }  

方法二:

Vue.extend()用以创建没有挂载的的子类,可以使用该子累创建多个实例

var app= Vue.extend({  
    template: '<p>{{firstName}} {{lastName}}</p>',  
         data: function () {  
             return {  
                firstName: 'Walter',  
                lastName: 'White' 
               }  
             }  
           })  
  // 创建 app实例,并挂载到一个元素上。  
  new app().$mount('#app')  
Logo

前往低代码交流专区

更多推荐