一、路由
路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为:后端路由和前端路由。
1.1 路由分为两大类:
前端路由:Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系:SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换,要
原创
2024-01-21 02:18:43
438阅读
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等
原创
2023-09-13 10:25:36
309阅读
ajax技术:不重新加载整个页面的情况下,异步地与服务器进行通信,并更新页面的部分内容Ajax(Asynchronous JavaScript and XML)是一种使用 JavaScript 向服务器发送和接收数据的技术。 Ajax 的工作原理基于以下关键组件:XMLHttpRequest 对象:XMLHttpRequest 是浏览器提供的 API,用于创建 HTTP 请求,并与服务器进行通信。
本文介绍VUE2中routes和router,$route和$router的区别以及不同的使用场景
原创
2022-09-01 11:07:27
128阅读
一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 开始:如图,下载8
vue2 router中的 @ 符号表示srcvue2 router中的 @ 符号表示src学习了:https://segmentfault.com/q/1010000009549802这个是webpack起的别名;在build/webpack.base.conf.js中有声明; resolve: {
extensions: ['.js', '.vue', '.json'],
al
原创
2021-06-03 20:31:12
540阅读
配置 实践中用到的版本 "vue":"^2.6.12" "vue-router":"^3.5.2" 创建项目 vue create learnrouter创建vue项目,可以选择自定义创建,我这里选择的是默认vue2项目 npm install vue-router@^3.5.2下载,版本3.x的都 ...
转载
2021-09-16 11:01:00
1258阅读
2评论
<?php/** * Created by PhpStorm. * User: cjl * Date: 2017/11/9 * Time: 16:57 * 加息券/红包过期前三天自动提醒功能,10:00整发送 */class MessageSendAction extends Action{ public function run(){ &
原创
2017-11-10 09:09:48
1049阅读
vue2进阶篇:vue-router之router-link的replace属性
原创
2022-11-29 16:11:31
115阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件
安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
(2)@babel/eslint-parser
简而言之就是一个解析器,允许您使用ES
转载
2024-05-29 12:57:59
283阅读
vue2和vue3中的VueRouter用法以及差别,vue2中vueRouter,vue3中的vueRouter
原创
2022-11-18 00:20:58
125阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
最近项目开发中遇到需要用到ie浏览器的情况,因为是内网开发,大致记录下兼容过程。问题1:ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题,控制台也不报错,但是ie11浏览器就打不开,控制台报错----显示语法错误:,了解后发现ie浏览器不支持es6,可以通过core-js/stable及regenerator-runtime/runtime编译,vue cli官方推荐使用,main.
转载
2024-04-03 14:52:36
210阅读
目录1. Vue2 中的 Vue Router (v3)安装与基本配置在组件中使用路由守卫全局前置守卫全局解析守卫全局后置钩子路由独享守卫组件内守卫2. Vue3 中的 Vue Router (v4)安装与基本配置组合式 API 使用路由守卫全局守卫(返回方式)组合式 API 中的导航守卫3. 核心原理分析Vue Router 3 (Vue2) 原理Vue Router 4 (Vue3) 原理4.
使用脚手架搭建的Vue3项目默认使用的路由版本是4,由于Vue3和Vue2写法差异较大,所以需要从新熟悉Router用法,本篇文章比较下两个版本的写法差异,不做深层次的讲解,主要是我也不懂。1Vue2配合Vue-router3说多了没用,直接上代码importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)constrout
原创
2021-02-24 23:12:34
1261阅读