Vue实例化对象挂载到元素上的方法

先声明一个容器：<div id=“root” class=“box”></div>

el
① 值可以是CSS选择器（CSS选择器，不一定非要使用id，只要是选择器能匹配到对应的元素即可）

new Vue({el: '#root',  // 一般使用这样的方式挂载
});
new Vue({el: '.box'
});

② 值也可以是元素节点

new Vue({el: document.getElementById('root')
});
new Vue({el: document.getElementsByClassName('box')[0]
});

$mount()
这种方式可以在挂载之前做一些其他的操作

const vm1 = new Vue({});
vm1.$mount('#root');const vm2 = new Vue({});
vm2.$mount(document.getElementById('root'));

Vue实例化对象挂载到元素上的方法相关推荐

第一个vue案例创建vue实例化对象
Vue的使用 1.先导入vue.js <script src="vue.js"></script> 2.创建vue实例化对象 < ...
vue实例没有挂载到html上,vue 源码学习 - 实例挂载
前言在学习vue源码之前需要先了解源码目录设计(了解各个模块的功能)丶Flow语法. src ├── compiler # 把模板解析成 ast 语法树,ast 语法树优化,代码生成等功能. ├── ...
vue实例没有挂载到html上,VueJS-将数据发送到Vue实例以用于挂载（）
我对我的"项目"有几个不同的清单,并使用相同的Vue实例来处理我从数据库中获得的这些清单.我遇到了一个问题,虽然我真的想在我的mounted()方法中使用项目的id和type清单来 ...
vue 多层子组件调用父组件的方法（传参方式bind方法或注入 provide() {}方法）
一,传参方式bind的方法的使用例: 1.ui作为一个对象 data() {return {ui:{}//ui作为一个对象} } 2.初始化中,给ui绑定一个方法editDesignTree,使用b ...
两种常见挂载Jenkins slave节点的方法
1.挂载slave节点的方法在Jenkins的Master上,进入Mange node页面,可以管理node节点,例如新加.删除等操作. 其中, Name是节点名字: Description是节点描 ...
vue 绑定事件，获取元素对象
vue 绑定事件,获取元素对象例如: <img v-bind:src="item.fmguid" v-on:error="imgerror($event)&quo ...
05 HTML字符串转换成jQuery对象、绑定数据到元素上
1 要求将一段 HTML脚本封装成一个字符串,将这个字符串转换成一个jQuery对象:然后将这个jQuery对象添加到指定的元素中去 2 步骤定义字符串 var str = '<div i ...
vue data数据修改_史上最强vue总结，万字长文
vue框架篇 vue的优点轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb: 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习: 双向数据绑定:保留了angular ...
Vue 教程第四篇—— Vue 实例化时基本属性
实例元素 el 实例元素指的是 Vue 实例化时编译的容器元素,或者说是 Vue 作用的元素容器 <div id="app"></div> var vm = ...

Vue实例化对象挂载到元素上的方法

Vue实例化对象挂载到元素上的方法相关推荐

最新文章

热门文章