vue中el有什么用

  介绍

这篇文章主要介绍vue中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;元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>

新Vue ({   艾尔:& # 39;# ppp # 39;   路由器,   商店,   呈现:h=比;h(应用)   })

以上是“vue中el有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

vue中el有什么用