- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue 常⽤的修饰符有哪些
.trim 去除⾸尾多余的空格.stop 阻⽌事件冒泡.once 只渲染⼀次.self 事件只作⽤在元素本身.number 将值转化为 number 类型.capter 组件之间捕获.prevent 阻⽌元素的默认⾏为.native 事件穿透,让我们可以在⾃定义组件上触发原生的事件...
2022-04-27 15:33:12
203
原创 var 、let、const之间的区别
var 存在提升，我们能在声明之前使⽤。 let 、 const 因为暂时性死区的原因，不能在声明前使⽤var 在全局作⽤域下声明变量会导致变量挂载在 window 上，其他两者不会let 和 const 作⽤基本⼀致，但是后者声明的变量不能再次赋值var在ES5中，顶层对象的属性和全局变量是等价的，⽤ var 声明的变量既是全局变量，也是顶层变量注意：顶层对象，在浏览器环境指的是 window 对象，在 Node 指的是 global 对象var a = 10;console.lo
2022-04-27 15:27:23
270
原创 vue跨域
1.vue中本地跨域如何解决?本地跨域是通过在vue.config.js⽂件⾥⾯的devServer属性⾥⾯的proxy属性⾥⾯配置,⼀共配置三个属性,分别是代理名称 代理地址 开启跨域 重写路径2.线上跨域如何解决?线上跨域是在nginx.conf⽂件⾥⾯配置, 代理名称是通过location 代理名称。proxy_pass 代理地址import axios from 'axios';const api = axios.create({ baseURL:'https://api.it
2022-04-25 19:40:49
1733
原创 vue过滤器
所谓的vue过滤器就是将数据进⾏⼆次处理,得到我们想要的结果数据vue的过滤器分为两种,第⼀种是全局过滤器,通过vue.filet来进⾏定义,第⼆种是局部过滤器,需要定义在组件内部项⽬中我们通过过滤器将后台返回的状态0 和1 转化为⽀付或者未⽀付 <ul> <li v-for="(item,index) in arr" :key="index">{{item | showName}}</li> <!-- 如果不写key 值 当
2022-04-25 19:36:04
283
原创 mvvm是什么？
1、总结一句话总结：vm层（视图模型层）通过接口从后台m层（model层）请求数据，vm层继而和v(view层)实现数据的双向绑定2、mvc和mvvm的关系？改进版数据分离视图模型层c（控制层）被换成了vm（viewmodel）层MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。mvvm层实现了前后端更好的分离（前端需要的数据只需要请求后端的接口即可3.MVVM模式的优点以及与MVC模式的区别?MVVM模式的优点：1、低耦合.
2022-04-25 19:25:47
3797
原创 this指向
构造函数： new Vue()this指向的是 实例化的对象function Animal(name,age) { this.name = name this.age = age console.log(this);}var a = new Animal('小猫',10)console.log(a);全局指向的是window函数中谁最后调用指向谁function fn1() { console.log(this);}
2022-04-01 11:12:28
869
原创 keep-alive的使用
概念keep-alive是vue的内置组件，当它包裹动态组件是，会缓存不活动的组件实例，而不是销毁他们作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。1.缓存所有页面在 App.vue 里面<template> <div id="app"> <keep-alive> <router-view/> </keep-alive> </di
2022-03-30 16:33:25
936
原创 什么是Ajax？封装
1.什么是ajaxAJAX 全称(Async Javascript and XML) 即异步的 JavaScript 和 XML ，是⼀种创建交互式⽹⻚应⽤的⽹⻚开发技术，可以在不重新加载整个⽹⻚的情况下，与服务器交换数据，并且更新部分⽹⻚原理Ajax 的原理简单来说通过 XmlHttpRequest 对象来向服务器发异步请求，从服务器获得数据，然后⽤ JavaScript 来操作 DOM ⽽更新⻚⾯实现 Ajax 异步交互需要服务器逻辑进⾏配合，需要完成以下步骤：创建 Ajax 的.
2022-03-30 11:27:21
1148
原创 VUE路由守卫
所谓的路由守卫就是当我们进⾏⻚⾯跳转的时候会触发的钩⼦函数,我们把它称之为vue路由守卫vue的路由守卫分为三种：全局路由守卫、组件内路由守卫和路由独享守卫1.每个守卫方法接收三个参数： to : 即将要进入的目标 路由对象 from : 当前导航正要离开的路由 next : 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数（是否接着往下执行，若不写next（），则页面不会往下执行 2.全局路由守卫全局路由守卫分为两种：全
2022-03-30 09:02:53
1304
原创 VUEX五大核心
1.什么是vuex?介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。理解：核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。2.vuex五大核心Vue有五个核心概念，state, getters, mutations, actions, modules总结state：⾥⾯保存的是状态,也可以理解为是数组getters：⽤来获取state⾥⾯的状态,并且可以对state的数据进⾏处理之后在返回,有点类似于vue的计算属性mutati
2022-03-29 10:57:31
2011
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人