vue的el

  • 类型: string | Element

  • 限制: 只在用 new 创建实例时生效。

  • 详细:

    提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。

    在实例挂载之后,元素可以用 vm.$el 访问。

    如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显式调用 vm.$mount() 手动开启编译。

提供的元素只能作为挂载点。不同于 Vue 1.x,所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载 root 实例到 <html> 或者 <body> 上。
如果 render 函数和 template property 都不存在,挂载 DOM 元素的 HTML 会被提取出来用作模板,此时,必须使用 Runtime + Compiler 构建的 Vue 库。

生命周期图示
运行时 + 编译器 vs. 只包含运行时

相关推荐
少寒4 分钟前
async/await:异步编程的优雅解决方案
前端·javascript
华仔啊9 分钟前
CSS的clamp()函数:一行代码让网页自适应如此简单
前端·css
wordbaby11 分钟前
React 误区粉碎:useEffectEvent 是“非响应式”的,所以它不会触发重渲染?
前端·react.js
Doris89327 分钟前
【JS】Web APIs BOM与正则表达式详解
前端·javascript·正则表达式
建南教你种道德之花27 分钟前
浏览器缓存完全指南:从原理到实践
前端
1024小神35 分钟前
swiftui中view分为几种类型?各有什么特点
前端
局i41 分钟前
v-for 与 v-if 的羁绊:Vue 中列表渲染与条件判断的爱恨情仇
前端·javascript·vue.js
suke42 分钟前
紧急高危:Next.js 曝出 CVSS 10.0 级 RCE 漏洞,请立即修复!
前端·程序员·next.js
狮子座的男孩1 小时前
js函数高级:06、详解闭包(引入闭包、理解闭包、常见闭包、闭包作用、闭包生命周期、闭包应用、闭包缺点及解决方案)及相关面试题
前端·javascript·经验分享·闭包理解·常见闭包·闭包作用·闭包生命周期