• vue根目录下index.html中的id=“app“与src目录下的App.vue中的id=“app“的关系


    使用cli构建项目后,在根目录下有个index.html文件(部分复杂项目放在public文件夹下面,并且经过我测试,似乎放其他目录也是可以的),其中有一行代码为:

     而src目录下的App.vue中也有id="app"的代码

    问题:
    1.在main.js的初始化中,el:'#app'到底绑定的是哪个文件中的id='app'
    2.为什么需要两个相同的id?


    已实验过,将index.html的id="app"改成其他值,会报错。因此,el: '#app'绑定的是index.html中的id="app"的元素

    已检查过生成的页面代码,其中只有一个<div id="app"></div>,下面有一行注释<!-- built files will be auto injected -->,所以可以判断,此段来自index.html

    index.html中的<div id="app"></div>是指定绑定元素根路径的

    App.vue的<div id="app"></div>则是用于具体注入绑定元素的内容

    由于Vue组件必须有个根元素,所以App.vue里面,根元素<div id="app"></div>与外层被注入框架index.html中的<div id="app"></div>是一致的

    index.html中的#app指定绑定目标,而vue文件里的#app提供填充内容,两者在运行时指的是同一个DOM元素。
    ————————————————
    版权声明:本文为CSDN博主「QC班长」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_35624642/article/details/78243413

  • 相关阅读:
    ES5数组扩展
    ES5给object扩展的一些静态方法
    poj2531-dfs
    快排
    阶段性总结-贪心算法
    日常算法题
    poj1979 解题报告
    poj 2586
    poj3069
    poj2709 解题报告
  • 原文地址:https://www.cnblogs.com/icemargin/p/16252508.html
Copyright © 2020-2023  润新知