一、Vue-router是什么?  Vue Router是Vue.js的路由管理器。和Vue.js的核心深度集成,是SPA单页应用的路径管理器,适合用于构建单页面应用。Vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来;传统的页面应用,是用一些超链接来实现页面切换和跳转的;在Vue-router单页应用中,则是路径之间的切换,也就是组件的切换。路由模块的本质 就是建
转载 2024-04-09 09:12:49
99阅读
Vue-routerVue-router的跳转原理:vue-router实现单页面路由跳转,提供了三种方式: hash方式、history模式、abstract模式,根据mode参数来决定采用哪一种方式● hash: 使用 URL hash 值来作路由。默认模式。● history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。● abstrac
转载 3月前
349阅读
简单的理解一下Electron的进程类型——渲染进程和主进程 主进程: Electron 运行 package.json 的 main 脚本的进程。渲染进程: 在 web一个 Electron 应用有且只有一个主进程。主进程中运行的脚本通过创建web页面来展示用户界面。 每个 Electron 中的 web主进程管理所有的web页面和它们对应的渲染进程。 每个渲染进程都是独立的,它只关心它所运行的
一、多页面多系统应用思路 使用Vue搭建多页应用。所有系统都在同一目录下。配置多入口多出口。每个系统之间可以链接。每个系统内依然采用Vue单页应用开发。组件复用性 可以将所有的系统公共组件放到系统目录最外面,以达到组件复用。在系统内部依然将自己独立的组件封装,复用。这样可以最大限度的提高组件的复用性。路由 每个系统单独进行路由配置数据管理 每个系统数据仓库单独处理目录结构效果在做Vue项目的时候,
1. 安装Vetur 扩展主要是用于让vscode能识别vue文件,对vue代码进行高丽处理,并且它内置了一些代码格式化的设置2. 安装ESLint如果你的项目已经开启了eslint规范, 再有多余的空格,或者空行,会有红色波浪线提示。 但是光有提示还不够,还希望在ctrl + s保存的时候自动帮我们处理这些小问题。其实那些js规范,大部分人错得多的地方无非就是个空格与空行的问题文件 ->
1 简介及安装简介 vue-router是一个vue框架的路由管理包。 与ng的路由基本差不多,总体来说只需要记住两个标签<router-link>(路由导航)和<router-view>(路由插座)两个元素,然后逐渐扩展。安装 1. 直接下载/cdn方式,需先引入vue.js再引入vue-router.js 2. npm:npm i vue-router --sa
转载 5月前
30阅读
今天在工作中遇到Vue打包后白屏问题,问题分为两级,写出来供大家参考:一阶段:打包后完全白屏,解决方法:依照普通方法:修改在config文件夹下面的index.js中build模块导出的路径assetsPublicPath,assetsPublicPath默认的是’/’,也就是根目录。而打包生产文件后,index.html和static在同一级目录下面,所以改为’./’; 这样处理后,神奇的事情发
转载 2024-04-17 19:35:50
116阅读
# 如何实现“vue3 vscode typescript html模板红色波浪线” ## 整体流程 首先,我们需要在Vue3项目中配置TypeScript,并且在VSCode中安装相应的插件,然后在HTML模板中添加错误处理代码,最后检查波浪线是否显示为红色。 下面是整个过程的步骤表格: | 步骤 | 操作 | | --- | --- | | 1 | 配置Vue3项目中的TypeScri
原创 2024-04-26 03:43:07
450阅读
目录一、ref和reactive二、watch三、生命周期四、composition api模块化、逻辑重用 (自定义函数Hook)4.1 捕捉鼠标位置demo4.2 调用接口demo五、vue3对ts的支持六、jsx语法七、teleport(瞬移组件的位置)+父子组件传参八、异步组件九、全局api更改在Vue2.x中,我们实现一个功能,需要在data中新增数据,在methods/com
1.引言开发vue项目,大家有没有遇到如下情况:1.1 注释不对在vue文件,template 中注释 Ctrl+/ 代码//<slot name="left" :itemLeft="itemLeft">{{ itemLeft }}</slot>这是html代码,注释应该是这样:<!-- <slot name="left" :it
转载 2023-09-06 12:34:23
2304阅读
目前看的是R语言实战这本书1、当输入png("lxc.png")这种需要加双引号。但是如果在括号中多加了一个双引号,那么"lxc.png"", R ide就会显示是函数输入的类型,显示加号,原因是双引号没有匹配,自己输错了,所以遇到没有匹配的直接输入缺失的匹配即可。2、但是还有一点很重要,R给人感觉就是png("lxc.png")这个好像是打开画板,但是如果下面不画画是什么都没有的,并不是说ide
转载 2023-07-09 17:13:30
1073阅读
什么是运算符?运算符是一种符号,用来表示数据之间的运算。如:+ 、- 、* 、\、=等运算符分类:算术运算符赋值运算符比较运算符逻辑运算符位运算符运算符的优先级和结合性:如果是一连串的运算,就需要考虑a = 5+3*2/(1+6)-1;算术运算符如a=3;b=2;运算符运算范例结果说明+正号a=+b;a=2;-负号a=-b;a=-2;+加a= a+b;a=5;把a和b相加的值给a-减a=a-b;a
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
Vue3
原创 3月前
48阅读
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少 使用Proxy代替defineProper
原创 2024-07-21 09:24:38
146阅读
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] A --> D[如何引入vue3] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少
原创 精选 2024-08-05 15:03:53
230阅读
v-for中的key是什么作用?在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释:key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销
转载 2024-02-02 11:41:40
93阅读
  • 1
  • 2
  • 3
  • 4
  • 5