文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

vue项目是如何运行起来的

2024-04-02 19:55

关注

vue项目如何运行

涉及到的项目文件

最近因为公司项目问题,开始学习vue。万事开头难,开始写博客,纪录一下小白的成长,也方便以后看

index.html,main.js,App.vue 三者关系

在网页的Title部分,加载了index.html中定义的Title,而在正文部分,加载了App.vue中定义的部分

<div id="app">来自index.html正文中的内容</div>

上面有一个id为app的挂载点,之后我们的Vue根实例就会挂载到该挂载点上;

new Vue({
  el: '#app',//告诉该实例要挂载的地方;(即实例装载到index.html中的位置)
  router,
  components: { App },//注册了一个局部组件App
  template: '<App/>'//模板就是组件App.vue中的template中的内容。(template会替代原来的的挂载点处的内容)
})

小结

在项目运行中,main.js作为项目的入口文件,运行中,找到其实例需要挂载的位置,即index.html中,刚开始,index.html的挂载点处的内容会被显示,但是随后就被实例中的组件中的模板中的内容所取代,所以我们会看到有那么一瞬间会显示出index.html中正文的内容。

vue踩坑记录:vue项目运行卡在百分之几几几

今天晚上打着游戏,同事突然叫我拉项目下来运行,我打完就去拉代码了,结果vue项目运行卡在66%不动了,我也是百度一下分享别人怎么解决的文章给他,继续我的游戏!

结果呢?

游戏结束后,我拉代码,还是这个错!我也按照给他的文章做了一遍,还是卡着!随后就是漫长的探索找八哥~~~~~~~。

换掉脚手架版本~~~卡了!!!

卸载axios~~~~~~卡着!!!!

删除node_modules文件夹,在install,,卡住!!!!

改npm镜像!在阿里和原生镜像反复横跳~~~~~

。。。。。。。。。。。。。。。。。。

没法子了!看代码吧!项目运行又没有报错!我哪知道有啥问题呀        AQA

结果我在他的一个vue文件中中看到了一些绿绿的东西

把div合起来!!!

我去!!!!

在<template>标签上有两个根DIV,还有这种操作???????

合并冲突吧,运行吧,不卡了!

提交代码之后一定要合并冲突!

一定要合并冲突!

要合并冲突!

合并冲突!

冲突!!!!!!!!!

谁都不想要绿绿的东西!!!

尽量别在git控制台提交!在编译器提交,有冲突会提示!再拉代码下来合并冲突再提交!!

摸了摸我的头!

头发又少了几根了!

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯