Vue生命周期，手动挂载

来源：互联网发布：mac炉石传说加速器编辑：程序博客网时间：2024/04/28 14:22

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')

0 0