Vue #app not find

最新推荐文章于 2024-04-19 11:27:21 发布
最新推荐文章于 2024-04-19 11:27:21 发布
阅读量728 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/85275278
版权

最近将Vue从单页面应用（SPA）改造成多页面多路由应用时碰到了个问题，很经典。

Q：Vue #app not find(大概是说没有找到id=“app”的元素)

S：找了很久，发现是因为我在head标签里引入了某个页面的index.js，导致js还没引入完成，dom就渲染完成了，所以找不到dom容器节点#app

附图如下：

hzxOnlineOk
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
AndroidStudio调用百度地图SDK，报错：errorcode: 200 uid: -1 appid -1 msg: APP不存在
weixin_44629630的博客
02-18 1366
AndroidStudio调用百度地图SDK，报错：errorcode: 200 uid: -1 appid -1 msg: APP不存在
vue中的find()函数的用法与扩展用法
热门推荐
weixin_44281416的博客
10-27 3万+
find函数基本格式：let obj=this.list.find(item=>item.code===val) 首先在这里我们要知道的两个基础知识 一、find是一个查找函数。 二、箭头函数find(item=>item.code===val)相当于find(item){item.code===val} 其中list是数组，this.list.find()是指在list数组中找某样东西，item是find()函数的寻找某样东西的根据，也可以说是id或者是主键。后面item.code===val
vue中的find()函数的用法
最新发布
CSSAJBQ_的博客
04-19 1416
其中list是数组，this.list.find()是指在list数组中找某样东西，item是find()函数的寻找某样东西的根据，也可以说是id或者是主键。后面item.code===val是查找这样东西的条件，只有这个item.code完全等于val的时候，才算是找到，才能赋值给obj。find函数基本格式：let obj=this.list.find(item=>item.code==val)相当于find(item){item.code===val}
Vue中使用find函数
qq_44865618的博客
04-13 1万+
Vue中使用find函数 find函数基本使用方法: // An highlighted block this.result = this.imgItems.find(item => item.required && !this.form[item.key]) 这个函数的意思是找到符合条件的对象(Object类型)，并赋值给result。我自己理解的是大概下面代码要实现的逻辑。 //图片列表 export const imgItems = [ { label: "身份证（
Vue找到任意组件实例——findComponents 系列方法
击水三千里的专栏
10-11 3553
findComponents 系列方法，它并非 Vue.js 内置，而是需要自行实现
uniapp 运行app的时候报错 10:38:12.045 Not found -1；-1,0,8 at view.umd.min.js:1
qq_58689048的博客
08-11 1688
报错信息 报错原因 我有一个组件这样引入了, 运行在H5端是没有问题的 但是当进入App端之后就出现了上面的报错信息 import TabBarLayout from './TabBarLayout.vue'; import NavLayout from './NavLayout.vue'; export { TabBarLayout, NavLayout } import { TabBarLayout } from '@/components/Layouts/index.js'; 解决方法 改为
VUE的学习
qq_46086519的博客
08-31 197
el命中的内部可以使用{{ message }}进行渲染默认为id选择器：#app类选择器：.appel：“div” 不能用html或者body作为挂在元素渲染对象的时候数组可以用. 数组可以用索引v-text指令和v-htmlv-text：更新替换标签内容，文本；v-html更新替换标签内容，html v-html如果data对象中有html语法结构，然后就可以通过v-html进行解析运行结果：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-COdazOee-166193
vue中的.$mount(#app)手动挂载操作
01-21
在Vue构造函数时，需要配置一个el属性，如果没有没有el属性时，可以使用.$mount(‘#app’)进行挂载。 配置了el属性： new Vue({ el:#app, router }); 如果没有配置el属性，可以使用手动挂载$mount(“#app”) new...
vue-app商城平台
02-17
在"vue-app商城平台"这个项目中，开发者利用Vue.js的强大功能，构建了一个功能完备的移动应用商城。这个项目不仅展示了Vue.js在构建复杂Web应用上的能力，也体现了其在移动端的良好适应性。 1. **Vue.js框架基础** ...
maoruyue#VueApp#vue-cli使用1
07-25
说明:vue-cli是vue官方提供的脚手架工具包使用vue-cli快速创建工程化项目使用基于webpack的简单模板创建项目: webpack-simple_
vue开发 商场app+移动端
08-22
vue+vant 框架 开发商场app， 解压即用，淘宝客app，源码，可以自调代码。vue+vant 框架 开发商场app， 解压即用，淘宝客app，源码，可以自调代码。vue+vant 框架 开发商场app， 解压即用，淘宝客app，源码，可以自...
查找Vue中下标的操作(some和findindex)
10-14
主要介绍了查找Vue中下标的操作(some和findindex)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE3.0的简单使用
m0_52226803的博客
03-06 967
原来的时候数据都需要var定义并且用InnerHTML很麻烦,vue简化了这种操作。切换图片案例：体会Vue封装了DOM，我们直接用Vue，不用再去处理DOM。
vue基础
qq_43093129的博客
10-18 684
vue基础 一、vue基本概念 1、基于数据开发 2、挂载器：el:"#app"，这里#代表id选择器对应的标签 二、vue语法 v-show：在标签里面设置v-show=true，可以显示该标签对应内容，v-show=false则隐藏。其原理是修改元素的display，实现显示隐藏。 v-if：根据表达式的真假，实现元素的显示和隐藏。类似于上面的语法，单原理是通过操作dom元素实现的。 v-bind：设置元素的属性（例如src，title，class等）。格式：v-bind：属性名=表达式，可以简写为：：
Vue组件基础
qq_42839746的博客
05-09 485
1、组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。 2、在大型的应用中为了分工、代码复用、提高维护性不可避免地需要将应用抽象为多个相对独立的模块。
vue - 指令1
hello world
07-07 277
给模板内的元素添加v-cloak属性后，元素在vue没有加载完的时候就有这个属性，当vue加载完成后这个属性就消失了，所以我们可以给这个属性设置css样式为隐藏；和 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕；v-html可以解析标签，更改元素的innerHTML，性能比v-text较差。解析完之前有一个v-cloak属性，解析完之后就消失了，css样式就没用了；需要动态决定标签的属性的时候,可以使用到v-bind；
el: ‘#app‘
域名转让：chinabeaut.com、unienv.com
05-23 2522
<div id="app"> <ul> <li v-for="value in object"> {{ value }} </li> </ul> </div> <script> new Vue({ el: '#app', data: { object: { name: '从入门到大师', url: 'http://www.runoob.com', .
VUE 入门及应用 ( 一 ) 基本语法
yuanchun的知识整理
09-18 746
VUE 入门及应用 ( 一 ) 基本语法 扩展功能
Vue3源码学习笔记—— Vue.createApp(App) 和 app.mount(“#app“)（一）
weixin_53335381的博客
08-10 2796
本篇文章为 Vue.createApp(App) 和 app.mount("#app") 的阅读准备。
Could not find a declaration file for module './App.vue'.
04-25
这个问题主要是因为缺少类型声明文件，你可以考虑安装 "@types/webpack-env"、"@types/node" 、 "@vue/cli-plugin-typescript"这些依赖进行解决。另外，你需要确认你的 tsconfig.json 文件中是否正确配置了 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hzxOnlineOk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值