Vue2
文章平均质量分 50
Vue笔记
llf_cloud
至繁归于至简
展开
-
导航守卫
正如其名,vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。完整的导航解析流程导航被触发。在失活的组件里调用 beforeRouteLeave 守卫。调用全局的 beforeEach 守卫。在重用的组件里调用 beforeRouteUpdate转载 2021-07-28 13:33:35 · 115 阅读 · 0 评论 -
Vue双向数据绑定
vue2使用Object.defineProperty来劫持对象属性,而vue3使用Proxy代理来实现双向绑定。Vue2vue2数据双向绑定是由数据劫持结合发布-订阅的模式实现的。Object.defineProperty()这个方法是直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象,相当于劫持对象属性,在里面可以定义settter与getter寄存器属性,使用get与set进行操作,这样我们就实现了vue2的双向绑定。在vue2.0里通过递归+遍历对象来实现对数据的监控的.转载 2021-07-15 11:57:05 · 143 阅读 · 0 评论 -
Vue生命周期函数
简介生命周期函数代表的是Vue实例,或者是Vue组件,在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段和运行期间以及销毁期间。其中创建期间的函数有beforeCreate、created、beforeMount、mounted;运行期间的函数有beforeUpdate、updated;销毁期间有beforeDestroy、destroyed。以下是官方文档给到的一张图,从这种图中我们可以了解到每个部分执行的函数。一、创建期间:1.1 beforeCreate:Vue或者组件刚刚实例化转载 2021-07-14 10:15:41 · 444 阅读 · 0 评论 -
vue跨域问题
@vue/cli跨域由于浏览器同源策略,凡是请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同即为跨域。种类域名/IP不同端口不同协议不同,http和https方法开发环境在项目根目录下创建vue.config.js配置文件module.exports = { devServer: { open: true, // 自动打开浏览器 host: 'localhost', port: 8080, https: false, .原创 2021-07-13 17:01:14 · 290 阅读 · 0 评论 -
vue-axios使用
vue-axiosA small wrapper for integrating axios to VuejsSupport matrixVueJS \ VueAxios1.x2.x3.x1.x✔✔✔2.x✔✔✔3.x❌❌✔How to install:ES6 Module:npm install --save axios vue-axiosImport libraries in entry file:import Vue from翻译 2021-07-09 10:53:27 · 104 阅读 · 0 评论 -
Vue组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2021-02-25 15:31:16 · 79 阅读 · 0 评论