![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 84
沪漂小强
随心所欲,beyond!
展开
-
实现v-html中多图片点击放大预览
v-html点击图片预览原创 2022-10-28 16:02:30 · 1864 阅读 · 2 评论 -
Vue 路由组件传参的 8 种方式
我们在开发单页面应用时,有时需要进入某个路由后基于参数从服务器获取数据,那么我们首先要获取路由传递过来的参数,从而完成服务器请求,所以,我们需要了解路由传参的几种方式,以下方式同 vue-router@4。编程式路由传参除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。1. 通过 params 传递路由配置路径参数 用冒号 : 表示。const routes = [ // 动态段以冒号开始 {原创 2021-05-25 10:49:22 · 2103 阅读 · 1 评论 -
Vue 性能优化方式及原理
我们在使用 Vue 或其他框架的日常开发中,或多或少的都会遇到一些性能问题,尽管 Vue 内部已经帮助我们做了许多优化,但是还是有些问题是需要我们主动去避免的。我在我的日常开中,以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧,这篇文章就来探讨下,希望对你有所帮助。使用v-slot:slotName,而不是slot=“slotName”v-slot 是 2.6 新增的语法,具体可查看:Vue2.6,2.6 发布已经是快两年前的事情了,但是现在仍然有不少人仍然在使用slo原创 2021-05-25 10:17:07 · 174 阅读 · 0 评论 -
一文梭穿Vuex、Flux、Redux、Redux-saga、Dva、MobX
不管是Vue,还是 React,都需要管理状态(state),比如组件之间都有共享状态的需要。什么是共享状态?比如一个组件需要使用另一个组件的状态,或者一个组件需要改变另一个组件的状态,都是共享状态。父子组件之间,兄弟组件之间共享状态,往往需要写很多没有必要的代码,比如把状态提升到父组件里,或者给兄弟组件写一个父组件,听听就觉得挺啰嗦。如果不对状态进行有效的管理,状态在什么时候,由于什么原因,如何变化就会不受控制,就很难跟踪和测试了。如果没有经历过这方面的困扰,可以简单理解为会搞得很乱就对了。在软件开原创 2021-03-29 09:57:03 · 209 阅读 · 0 评论 -
初始化项目+准备工作(更新版)
一 : vue 是 单文件组件导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等参考 : vue => 工具 => 单文件组件什么是单文件组件 ? 后缀为 .vue 的文件单文件组件的三个组成部分 (代码块 : scaffold 自动提示)template (模板结构)script 组件的代码逻...原创 2019-11-14 11:49:40 · 302 阅读 · 0 评论 -
Vue-router基础知识
单页面应用程序SPA : Single Page Application 单页面应用程序MPA : Multiple Page Application 多页面应用程序单页 web 应用就是只有一个 web 页面的应用,是加载单个 HTML 页面,并在用户与应用程序交互时, 动态更新该页面的 web 应用程序区别对于传统的多页面应用程序来说, 每次请求服务器返回的...原创 2019-07-16 23:44:08 · 177 阅读 · 0 评论 -
Vue基本语法day05
组件 (重难点)一 : 认识组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可 (将一个完整的页面,抽离成一个个独立的组件,最终,通过这一个个独立组件完成整个的页面(项目)的功能)组件化和模块化的不同:- 模块化: 是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模...原创 2019-04-19 11:22:34 · 208 阅读 · 0 评论 -
Vue基本语法day04
一. ES6 中的默认值表示方式: test() function test(num = 20) { // es5 // num = num || 10 // es6 // (num = 20) console.log(num) }============================================================...原创 2019-04-19 00:53:10 · 245 阅读 · 0 评论 -
Vue基本语法day06
一. 通信机制1. 父传子: 1.1 通过属性,父组件将数据传递给子组件 :msg = 'pmsg' 1.2 子组件通过 props 配置项,指定一下要接收的数据 props : [ 'msg' ]2. 子传父: 2.1 父组件准备一个方法 methods: { pfn(res) { console.log('父组件接收到的 : ', res) } } 2.2 通...原创 2019-04-22 00:05:31 · 219 阅读 · 0 评论 -
Vue基本语法day01
二 : Vue 介绍vue 中文网 https://cn.vuejs.org/github 下载地址 https://github.com/vuejs/vueVue.js (读音 /vju:/ view)渐进式 JavaScript 框架4.1 渐进式 :小型项目 就可以使用 vue 就高度了随着页面的复杂程序提高,就要学习 vue-rouer 来管理更多的页面再随着项目的数据越...原创 2019-04-12 23:33:28 · 344 阅读 · 0 评论 -
Vue2.0知识路线图
day01: 1. vue 介绍 2. MVC + MVVM 区别与对应优势 3. vue基本使用及注意点 4. {{}} 插值表达式 5. v-model (数据双向绑定)的使用及内在原理 6. v-text 和 v-html 7. v-bind 的使用(数据单向绑定, M(数据层) ==> V(视图层)) 8. v-on的使用(注册事件/绑定事件) 9. v-for...原创 2019-04-16 01:00:14 · 516 阅读 · 0 评论 -
Vue基本语法day03
data 变化,引发的事情?data 里的数据发生了变化,指令会重新计算data 里的数据发生了变化,表达式会重新计算<div id="app"> <h1>{{ num }}</h1> <h1 v-show="getShow()">w shi h1</h1> <h1>{{ num >= 105 ? ...原创 2019-04-16 00:29:09 · 245 阅读 · 0 评论 -
Vue基本语法day02
v-if 和 v-show 切换元素的隐藏和显示格式: v-if / v-show='布尔值', true => 元素显示, false => 元素就隐藏相同点: 都可以切换元素的显示和隐藏不同点: 实现的方法不同v-if : 显示 : 创建节点,,,隐藏 : 删除节点 通过不断的创建和删除节点来切换v-show : 显示 : display: bloc...原创 2019-04-15 21:16:44 · 860 阅读 · 0 评论