为了账号安全，请及时绑定邮箱和手机立即绑定

vue项目根目录下index.html中的id="app"，与src目录下的App.vue中的id="app"为什么不会冲突。

首页 猿问 vue项目根目录下index.ht...

vue项目根目录下index.html中的id="app"，与src目录下的App.vue中的id="app"为什么不会冲突。

JavaScript
扬帆大鱼 2019-05-25 16:27:32
使用cli构建项目后，在根目录下有个index.html文件，其中有一行代码为：//index.html而src目录下的App.vue中也有id="app"的代码//APP.vue头部//main.jsnewVue({el:'#app',router,template:'',components:{App}})问题：1.在main.js的初始化中，el：'#app'到底绑定的是哪个文件中的id='app'2.为什么需要两个相同的id？
查看完整描述

2 回答

?
浮云间

TA贡献1829条经验 获得超4个赞

已实验过，将index.html的id="app"改成其他值，会报错。因此，el:'#app'绑定的是index.html中的id="app"的元素
已检查过生成的页面代码，其中只有一个
，下面有一行注释，所以可以判断，此段来自index.html
index.html中的
是指定绑定元素根路径的
App.vue的
则是用于具体注入绑定元素的内容
由于Vue组件必须有个根元素，所以App.vue里面，根元素
与外层被注入框架index.html中的
是一致的
index.html中的#app指定绑定目标，而vue文件里的#app提供填充内容，两者在运行时指的是同一个DOM元素。
查看完整回答
反对 回复 2019-05-25
?
杨魅力

TA贡献1811条经验 获得超6个赞

替换了而已。
newVue({
el:'#app',
template:'helloworld
'
})
渲染的结果是helloworld
newVue({
el:'#a',
template:'helloworld'
})
渲染的结果是helloworld
newVue({
el:'#app',
template:'helloworld'
})
渲染的结果是helloworld
                            
                            
查看完整回答

                        
                        

                            
                            
                            反对
                            回复

                                                                                                                2019-05-25
                        

                                                

                            
    
                                                            

                                                        
                        

                    
                
                            
                                
    

    

        

            
    
                
  • 
                    2
                    回答
                
    • 
                
  • 
                    0
                    关注
                
    • 
                
  • 
                    2284
                    浏览
                
    • 
            

                        
                
            
                        

                
                

                                    

            

        

        
        

        
        
        
                

        
                    

                
慕课专栏

                更多
                
            
 
                
        

            
        

        
    







    
添加回答

    
    












	

		
举报

		
	

	

		

		  	

			

			

		

	

	

		
		
0/150

	

	

		
提交

		
取消