Vue 执行流程

时间：2023-06-07 19:22:59浏览次数：32

标签：index Vue 流程 js vue 执行 public 路由

1. main.js 项目入口文件

2. App.vue

创建路由,设置App的样式, 由router-link 链接到响应的路由地址

不同版本的vue区别

3. router>index.js

注册APP下的二级路由到不同视图

4.public> index.html

public 下的页面配置, public的路由是

5. 自定义配置文件

不能更改的文件:

如果要更改,在package.json的同级目录下写新文件

标签：index,Vue,流程,js,vue,执行,public,路由
From： https://www.cnblogs.com/mrsphere/p/17464332.html

vue封装组件并发布到Npm
前言vue封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件使用，入element-ui这一类的组件库。1、环境准备因为我们此次封装的是Vue组件，所以我们直接在Vue脚手架项目里面进行封装即可。（1）、初始化项目vuec......
Jenkins使用之如何让Jenkins以管理员身份来执行批处理命令
在Jenkins界面中，单击左侧导航栏中的“系统管理”；在“系统管理”页面上，单击“系统设置”；在“系统设置”页面上，找到“环境变量”；在“环境变量”一栏中，单击“新增”；在“新增环境变量”，输入以下内容：名称：JENKINS_NODE_PROPERTIES值：user.name=Administrator保存更......
vue 预览word文档、图片、pdf文件等
<el-buttonsize="mini"type="text"icon="el-icon-edit"@click="handlePreviewFile(obj)">预览</el-button><el-dialogtitle="预览":visible.sync="......
vue3实现自定义指令
创建一个empty.jsimport{nextTick}from'vue';constemptyImgUrl=newURL('@/assets/images/empty-icon.jpeg',import.meta.url).href;//在vue3中不支持require引入静态图片，这是一种引入方式另外一种是直接importconstempty={install(app,options){app......
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。ref介绍： ref被用来给元素或子组件注册引用信息。引用信息将会注册在父......
恒电流间歇滴定法（GITT）测试锂离子电池的实验流程
恒电流间歇滴定法（GITT）测试锂离子电池的实验流程锂电池作为现代电子设备中最常用的电源之一，其性能和安全性对于设备的正常运行至关重要。恒电流间歇滴定测试是一种常用的测试方法，用于评估锂电池的容量、循环寿命和内阻等关键参数。1、确定测试目的和参数：在进行恒电流间歇滴定测试之......
provide / inject替代 Vuex
provide/inject可以解决上述弊端A.vue–>B.vue,用法：//A.vueexportdefault{provide:{name:'Aresn'}}//B.vueexportdefault{inject:['name'],mounted(){console.log(this.name);//Aresn}}provide/inject替代VuexVuex做状态管理，它是一个专为......
vue之vue-cli创建项目、vue项目目录结构、vue项目编写规范、 es6导入导出语法
目录一、vue-cli创建项目1.1、背景知识单页面应用：spa单文件组件（一个组件一个文件）一个组件中有的东西使用vue-cli创建vue项目，才能使用单文件组件vue-cli脚手架，1.2使用vue-cli创建vue项目1.3vue-cli创建项目vue-cli命令行创建项目使用vue-cli-ui创建运行vue项目方式一：命令行中......
Electron+vue+element ui+vscode+git桌面程序-小白篇超详细
一.说明背景：有需求，要求做一个简单的桌面程序。调研后决定采用：web方式写页面，然后打包为桌面程序选技术为：Nodejs+Electron+vue+elementui+vscode+git二.环境Node.js应用基于js，所以需要先安装Node.js。（建议LTS）下载地址：https://nodejs.org/zh-cn/download/ 下载完成后，傻瓜式一键安装......
Vue3 之响应式 API reactive、 effect源码，详细注释
Vue3之响应式APIreactive、effect源码，详细注释目录一.实现响应式API:reactive、shallowReactive、readonly、shallowReadonly1.针对不同的API创建不同的响应式对象2.实现createReactiveObject3.实现不同的拦截函数baseHandlers.ts二.实现响应式effect1.创建响应式的......