Vue挂载(mount)和继承(extend)

最新推荐文章于 2024-11-19 20:20:53 发布

snakeZix

最新推荐文章于 2024-11-19 20:20:53 发布

阅读量2.6k

点赞数

分类专栏：打开Vue的正确姿势文章标签： vue javascript

本文链接：https://blog.csdn.net/wucan111/article/details/107687047

版权

本文探讨Vue.js中的`$mount`挂载方法和`extend`继承机制。`Vue.extend`实现了类的继承，类似于Vue的子类，用于功能复用和行为抽离。通过官方示例，我们可以理解`Vue.extend`如何接收函数形式的`data`以确保每个实例的独立性。`new Profile([option])`可以接受`option`参数，与内部配置合并，类似mixin的处理方式。

摘要由CSDN通过智能技术生成

Vue.$mount 挂载

//index.html文件
<body>
  <div id="app"></div>
</body>

//index.js文件
//1. 先看看普通的绑定
new Vue({
   
  el: '#app',
  // el: document.getElementById('app') 
  template: `<div id="app">
    如果new Vue时候的option的el属性存在，那么它会自动的绑定并渲染到页面上
  </div>`
})

//2. vm.$mount( [elementOrSelector] ) 元素或者选择器(类'#app')
/*如果没有提供 elementOrSelector 参数，模板将被渲染为文档之外的的元素，并且你必须使用原生 DOM API 把它插入文档中*/

//2.1
var vm = new Vue({