首页 > 其他分享 >vue在idea中的各级目录作用,工作流程

vue在idea中的各级目录作用,工作流程

时间:2024-01-16 10:57:16浏览次数:23  
标签:vue 流程 component idea path 组件 router app

vue工程目录作用预览:

  • 接下来进行我的一些理解记录:

1.vue脚手架运行后,app.vue是所有页面的入口,会先进入到app.vue

识别到router-link to “”标签中router路由路径path,并且转到路由的路径下即src/router.
2.根据app.vue中的路径对router中不同的path进行匹配,之后会获取到匹配成功path下的component组件

3.通过component组件的目录路径,转到具体的视图views页面,并进行展示页面数据
4.views视图也可以继续导入其他component组件,也就是src/component下的组件,进行展示,实现一次编写多次调用。

标签:vue,流程,component,idea,path,组件,router,app
From: https://www.cnblogs.com/hss1369/p/17967139

相关文章

  • 软件测试全流程
    软件测试面试时可以这样回答1.需求评审用不到任何工具只需要坐在那里听开发和产品经理去讲他的需求这个版本要做什么,做什么网页,有10个需求,20个需求等等要做什么网页,要做什么功能,这个功能的流程是什么样的,逻辑是什么样的开发会首先提出他的疑问,测试只需要听一听,记下来就行测......
  • VUE-组件间通信BUS
    VUE-组件间通信BUS1. 在src 下创建文件夹 eventBus 创建文件bus.jsimportVuefrom'vue';exportdefaultnewVue(); 创建文件busenum.jsletEvs={fun_struct_relation:"fun_struct_relation",//关联工程结构树};exportdefaultEvs;  2. 调......
  • 《vue新建篇》新建项目
    脚手架和webpack的区别"vueinitwebpack"是Vue.js2.x的旧方式,使用webpack模板创建项目。这种方式需要手动配置一些比较复杂的webpack配置,配置大量的选项,但是可以按照个人需求进行灵活的配置。这个命令可以用来创建高度定制化的Vue.js项目。"vuecreate"是Vue.js3.......
  • vue入门页面,搭建localhost官方默认页面
    按照提示操作可以做出下图效果:idea中的vue目录层级为:1.下载node.js(nodes.js是前端的运行环境,类似于后端中的jdk,没有node.js后续操作无法进行,具体流程百度)2.新建文件夹(这个文件夹就是你之后vue的目录)点进去新建的文件夹3.输入cmd回车4.输入命令:npmconfigsetreistryht......
  • 《vue概念篇》vue设计思路
    vue工作原理参考链接:https://www.cnblogs.com/lishanlei/p/8423407.html参考链接:https://www.cnblogs.com/wzfwaf/p/10553160.htmlMV模式之前,我们都是通过原生js操作dom元素,比如:获取内容、增加点击事件等,如果任务量非常大,那么我们的js代码会随着业务的增加变得臃肿,那么多逻辑,......
  • 《vue语法篇》基础语法
    ref和$ref在Vue中,$ref是一个特殊的属性,它允许您引用组件或DOM元素。可以使用$ref属性在组件或元素上绑定一个唯一的标识符,然后在Vue实例中使用$ref来访问该组件或元素。类似于id选择器。例如,假设您有一个组件:点击查看代码<template><div><inputtype="text"ref="myI......
  • 机器人流程自动化
    RPA(RoboticProcessAutomation,RPA(RoboticProcessAutomation,机器人流程自动化)技术通过模拟人工操作键盘鼠标,自动处理计算机中规则清晰、批量重复的工作与任务。我们提供基于RPA技术的软件机器人,帮您完成繁琐的业务流程,提高产出,减少错误。 影刀RPA-影刀官网(yingdao.com)......
  • Vue实现大文件分片上传,包括断点续传以及上传进度条
    首先解释一下什么是分片上传分片上传就是把一个大的文件分成若干块,一块一块的传输。这样做的好处可以减少重新上传的开销。比如:如果上传的文件是一个很大的文件,那么上传的时间应该会比较久,再加上网络不稳定各种因素的影响,很容易导致传输中断,用户除了重新上传文件外没有其他的办法......
  • 深度学习pytorch常用操作以及流程
    在微信公众号上看到这篇文章,担心以后想找的时候迷路,所以记录到了自己的博客上,侵扰致歉,随时联系可删除。1.基本张量操作1.1创建张量介绍:torch.tensor()是PyTorch中用于创建张量的基本函数。简单使用:importtorch#创建一个标量(零维张量)scalar_tensor=torch.tensor(......
  • Idea SpringBoot 子模块 加载不到该子模块根目录config下面的配置文件
    IdeaSpringBoot子模块加载不到该子模块根目录config下面的配置文件importorg.mybatis.spring.annotation.MapperScan;importorg.springframework.boot.SpringApplication;importorg.springframework.boot.autoconfigure.SpringBootApplication;importorg.springframew......