vue.js中el指的什么意思

这篇文章主要介绍了vue.js中el指的什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

vue。js中的el的意思:el的类型有【字符串HTMLElement | |函数】,作用是为实例提供挂载元素,如果存在渲染函数或模板属性,则挂载元素会被Vue生成的DOM替换。

<强> Vue。js中的el的意思:

<强> el

<强>类型: <代码>字符串HTMLElement | |函数代码

<>强限制:在组件定义中只能是函数。

<强>详细:

为实例提供挂载元素。值可以是CSS选择符,或实际HTML元素,或返回HTML元素的函数。注意元素只用作挂载点。如果提供了模板则元素被替换,除非替换为假的。元素可以用vm。美元el访问。

用在Vue。扩展中必须是函数的值,这样所有实例不会共享元素。

如果在初始化时指定了这个选项,实例将立即进入编译过程。否,则需要调用vm。$()山,手动开始编译。

<强>提供的元素只能作为挂载点。强不同于Vue 1。x,所有的挂载元素会被Vue生成的DOM替换。因此不推荐挂载根实例到& lt; html>或者& lt; body>上。

如果渲染函数和模板属性都不存在,挂载DOM元素的HTML会被提取出来用作模板,此时,必须使用运行时编译器+构建的Vue库。

el的作用大家都知道,用于指明Vue实例的挂载目标。我们重点关注上面两个部分,总结一下就是:如果存在渲染函数或模板属性,则挂载元素会被Vue生成的DOM替换,否则,挂载元素所在的HTML会被提取出来用作模版

& lt; ! DOCTYPE  html> 　　& lt; html> 　　,,,& lt; head> 　　,,,,,,,& lt; meta  charset=皍tf-8"比; 　　,,,,,,,& lt; title> & lt;/title> 　　,,,& lt;/head> 　　,,,& lt; body> 　　,,,,,,,& lt; div  id=皃pp"祝辞& lt;/div> 　　,,,& lt;/body> 　　& lt;/html>

例:渲染函数渲染的DOM替换& lt; div id=皃pp"祝辞& lt;/div>

new  Vue ({ 　　el:,,,, & # 39; # ppp # 39; 　　,,,路由器, 　　,,,, 　　,,,呈现:,h =祝辞,h(应用) 　　})

感谢你能够认真阅读完这篇文章,希望小编分享的“vue.js中el指的什么意思”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

vue.js中el指的什么意思