首页IT科技vue项目怎么运行起来(vue项目是如何运行起来的)

vue项目怎么运行起来(vue项目是如何运行起来的)

时间2025-05-05 03:52:07分类IT科技浏览6143
导读:vue项目如何运行 涉及到的项目文件...

vue项目如何运行

涉及到的项目文件

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

index.html >主页                     ,项目入口 main.js >main.js是我们的入口文件         ,主要作用是初始化vue实例      ,并引入所需要的插件 App.vue > 根组件 所有页面都是在App.vue下进行切换的 router/index.js >路由文件

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中正文的内容      。

node_modules为依赖的模块 config中配置了路径端口值等 build中配置了webpack的基本配置            、开发环境配置                    、生产环境配置等

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

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

结果呢?

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

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

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

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

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

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

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

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

把div合起来!!!

我去!!!!

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

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

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

一定要合并冲突!

要合并冲突!

合并冲突!

冲突!!!!!!!!!

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

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

摸了摸我的头!

头发又少了几根了!

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

声明:本站所有文章      ,如无特殊说明或标注                     ,均为本站原创发布                     。任何个人或组织            ,在未征得本站同意时   ,禁止复制        、盗用         、采集                   、发布本站内容到任何网站            、书籍等各类媒体平台            。如若本站内容侵犯了原著者的合法权益                     ,可联系我们进行处理   。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
vps怎么安装(VPS Linux 上安装 Windows 的完整教程) 南海网客户端(南海网客户端app)