首页 > 其他分享 >vue学习笔记之执行顺序

vue学习笔记之执行顺序

时间:2023-10-26 14:22:05浏览次数:34  
标签:index vue app 笔记 html 挂载 main 顺序

    vue文件加载顺序:index.html>app.vue>main.js      加载顺序详情:

  1. 执行index.html(index.html中id为app的div标签是一个挂载点,之后我们的Vue根实例就会挂载到该挂载点上)
  2. 执行main.js
  3. main.js找到实例挂载app.vue文件,将index.html的挂载的内容显示出来(用app.vue的template替换index.html中的<div id="app"></div>)
  4. main.js中引入了路由,可以将对应的组件渲染到router-view中
  5. rouer-view加载了Layout文件
  6. Layout 加载Navbar, Sidebar, AppMain

标签:index,vue,app,笔记,html,挂载,main,顺序
From: https://www.cnblogs.com/xhsoft/p/17789309.html

相关文章

  • vue + tornado 个人博客项目简介
    vue+tornado个人博客项目简介项目链接:https://www.freepd.top项目链接:https://admin.freepd.top项目简介首页预览本站接入了百度api每小时更新访问量域名在阿里云购买,解析到腾讯云服务器ssl证书为阿里云每年免费申请20个技术栈前端:vue2+element-ui+axios+vue......
  • Vue2 element-table 动态添加一行
    Vue2element-table动态添加一行<template><divclass="app-container"><!--表格--><el-table:data="tableData":height="fullHeight"border><el-table-columntype="index"label=&q......
  • MarkDown笔记如何上传cnblog
    简介Dotnet-cnblog工具可以配合typora实现自动上传md文件里图片到博客园的图床,这样就不用自己一张张来上传安装过程1.配置NET环境net环境下载地址:https://dotnet.microsoft.com/zh-cn/download/dotnet/5.0下载后安装NET环境,运行cmd命令:dotnet--info查看是否安装成功2.安......
  • 20211325 2023-2024-1 《信息安全系统设计与实现(上)》第七周学习笔记
    202113252023-2024-1《信息安全系统设计与实现(上)》第七周学习笔记一、任务要求1.自学教材第4章,提交学习笔记(10分),评分标准如下1.知识点归纳以及自己最有收获的内容,选择至少2个知识点利用chatgpt等工具进行苏格拉底挑战,并提交过程截图,提示过程参考下面内容(4分)“我在学***X知......
  • vue实现文件上传与下载
    一、文件上传(多个文件上传) 1、文件上传弹窗代码:<!--================================上传文件弹窗=========================--><el-dialog:title="addFileTitleName":visible.sync="dialogAddFile"width="500px"style="padding:0;&q......
  • Java面试笔记
    Java面试笔记Java面试笔记第一章:Java基础知识1.1Java程序初始化顺序Java程序初始化一般遵循以下三个原则(优先级依次递减)静态对象(变量)​优先于​非静态对象初始化静态对象初始化一次非静态对象可能初始化多次父类优先于子类初始化按照成员变量定义顺序进行初始化即使变......
  • esp32笔记[9]-rust的串口收发及GCODE解析
    摘要使用rust在no-std环境下实现esp32-c3串口收发及gcode解析.平台信息esp32c3rust超链接esp32笔记[7]-使用rust+zig开发入门使用rust实现串口中断示例代码:serial_interrupts.rs//!ThisshowssomeoftheinterruptsthatcanbegeneratedbyUART/Serial.//!Us......
  • vue3项目创建
    1.确保npm指令能够运行-官网下载nodejs Download|Node.js(nodejs.org) 安装完成后重启intellij2.终端输入npminstall-gcreate-vue3.终端输入create-vue新建vue项目根据需要设置功能,例:4.打开新建vue项目中的README,点击npminstall前的绿色箭头,在t......
  • vue打包部署遇到的问题
    网站上线中遇到的问题(跨域,404,空白页解决方案)因为本人是后端开发工程师,对前端开发不了解,踩了很多坑,所以将踩过的坑分享出来,以供参考网站地址:这里这段时间将项目部署到服务器中引发了几个问题第一个问题:跨域一般跨域是由后端来解决的,但是由于项目中加入了追踪请求的日志,频繁o......
  • 《Unix/linux系统编程》教材第4章学习笔记
    |第4章|并发编程并行计算导论基于分治原则(如二叉树查找和快速排序等)的算法经常表现出高度的行性,可通过使用并行或并发执行来提高计算速度。并行计算是一种计算方案,它尝试使用多个执行并行算法的处理器更快速地解决问题。顺序算法与并行算法用一个begin-end代码块列出代码......