介绍
这篇文章主要介绍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有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!