Vue.js mounted 未执行

最新推荐文章于 2025-07-16 16:06:17 发布

我不是一个假前端

最新推荐文章于 2025-07-16 16:06:17 发布

阅读量1.8w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue mounted mounted 不执行路径

本文链接：https://blog.youkuaiyun.com/qq_36208461/article/details/81144882

vue 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了解决Vue.js中mounted钩子未能正常触发的问题，通过更换Vue.js库的来源，从百度资源改用官方推荐的CDN链接，成功解决了mounted钩子无法调用的情况，并附带说明了v-for语法的小差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mounted 是在页面html部署完成后开始执行

这里写图片描述

但是今天使用，发现mounted 一直无法调用，这里分享一下解决办法：

首先；我用的vue是在百度 http://apps.bdimg.com/libs/vue/1.0.8/vue.js上的，
坑就在这里。。。。。
坑就在这里。。。。。
坑就在这里。。。。。
坑就在这里。。。。。

  mounted:function () {
     this.$nextTick(function () {
	     this.fun();
    })
  },

无法调用，
最后建议使用 vue官网里面推荐的 https://cn.vuejs.org/v2/guide/installation.html#直接用-lt-script-gt-引入

地址为：

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

此时发现完美解决问题！！！！

但是在这里我这有个小问题，不知道你们会不会有，这里大家看一下：

引百度的vue，遍历时时这样的

<li v-for="(index,item) in arr">
            <span><input type="checkbox" v-on:click="check($event)"  class="check"></span>
            <span>{{item.id}}</span>
            <span>{{item.name}}</span>
            <span>{{item.age}}</span>
        </li>

用vue官网上，是这样的

<li v-for="(item,index) in arr">
            <span><input type="checkbox" v-on:click="check($event)"  class="check"></span>
            <span>{{item.id}}</span>
            <span>{{item.name}}</span>
            <span>{{item.age}}</span>
        </li>

v-for 的方法有点区别，这里希望你大家注意一下。。。。

好啦，转载记得注明出处啊：https://blog.youkuaiyun.com/qq_36208461/article/details/81144882