目录兼容的变更之模板篇1、v-model2、\<template v-for\> 和非 v-for 节点(条件分支)上的 key 用法3、v-if 与 v-for 的优先级对比4、v-bind的绑定顺序5、移除v-on.native 修饰符6、v-for 中的 Ref 数组7、自定义元素 兼容的变更之模板篇1、v-model在Vue2.x使用v-mode和v-bind.sync&
转载 2023-11-08 21:09:39
77阅读
在前端开发的过程中,尤其是使用 Vue.js 框架时,常常会涉及到与 jQuery 的集成。然而,由于 Vue.js 本身的反应式特性与 jQuery 的 DOM 操作方式存在较大差异,因此它们之间的兼容性问题也时常让开发者头疼。本文将深入探讨“vue兼容jquery”的问题,从背景、错误现象、根因分析到解决方案,逐步展示如何有效解决这一问题。 ## 问题背景 在现代前端开发中,Vue.js
原创 6月前
93阅读
# 如何解决 Vue 样式在 iOS 上兼容的问题 在开发过程中,我们常常会遇到不同平台的样式兼容性问题。特别是在 iOS 设备上,某些 CSS 样式可能会表现得不如预期,因此需要采取措施来解决这些问题。本文将帮助你理解如何在 Vue 项目中处理 iOS 的样式兼容性问题。 ## 整体流程 为了方便理解,我们可以将整个解决问题的流程拆分为几个步骤,如下表所示: | 步骤 | 描述 | |
原创 2024-10-10 06:56:43
82阅读
通过添加key 来让视图进行刷新<router-view :key="$route.fullPath" />
vue
原创 2021-09-26 11:19:10
10000+阅读
通过添加key 来让视图进行刷新<router-view :key="$route.fullPath" />
原创 2022-02-04 13:55:04
1042阅读
目录兼容的变更之组件与渲染函数1、只能使用普通函数创建函数式组件2、异步组件3、 组件内的emits选项4、渲染函数 API 兼容的变更之组件与渲染函数1、只能使用普通函数创建函数式组件在 3.x 中,2.x 带来的函数式组件的性能提升可以忽略不计,因此我们建议只使用有状态的组件 函数式组件只能由接收 props 和 context (即:slots、attrs、emit) 的普通函数创建
vue项目中,有些组件没必要多次渲染,我们需要组件在内存中缓存下来。此时keep-alive就可以派上用场了,keep-alive可以使被包含的组件状态维持不变,即便是组件切换了,其内的状态依旧维持在内存之中。在下一次显示时,也不会重现渲染。PS:keep-alive 与 transition相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远
转载 9月前
48阅读
官方对于beforeRouteUpdate的解释如下:beforeRouteUpdate (to, from, next) { // 在当前路由改变,但是该组件被复用时调用 // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候, // 由于会渲染同样的 Foo 组件
原创 2021-08-12 14:14:46
2249阅读
# Vue 页面在 iOS 12 上的兼容问题及解决方案 在现代网页开发中,Vue.js 是一个受欢迎的 JavaScript 框架,广泛用于构建用户界面。然而,一些开发者发现,Vue 应用在某些旧版本的 iOS 上存在兼容性问题,尤其是 iOS 12。在本文中,我们将探讨这种兼容性的问题,并提供相应的解决方案。 ## 兼容的原因 iOS 12 的 Safari 浏览器在处理 ECMA
原创 7月前
82阅读
vue-router是什么~~vue-routerVue的路由系统,定位资源的,我们可以不进行整页刷新去切换页面内容。vue-router的安装和基本配置vue-router.js 可以下载 也可以用cdn,基本配置信息看如下代码~~~vue-router demo// html 代码 <div id="app"> <div> <router
转载 2024-01-17 11:13:47
59阅读
Vue3.0+Vant ui配置按需引入 —— 架构搭建1. 说在前面2. Vant ui安装3. 配置按需引入4. 配置main.js(官网上说的估计小白看不懂)5. 页面中使用按需引入的组件 1. 说在前面1.1 这是一件令我比较无语的事情最近使用 Vue3.0 + vant开发项目,官网上的配置,按需引入其实不太好理解于是想着“面向百度编程”,百度下看看,结果网上有很多人连Vue3.0和v
...
转载 2021-09-11 21:23:00
192阅读
2评论
Vue Router 一、什么是前端路由 1.1.后端路由阶段 后端渲染:以前没有JavaScript,网页没有ajax请求,在服务器就长那个样子,在服务器就渲染好,就是最终网页,后端渲染完然后直接给前端的 后端路由:后端处理URL和页面之间的映射关系 1.2.前后端分离阶段 前后端分离:后端只负责 ...
转载 2021-10-07 13:01:00
240阅读
2评论
本文主要记录 Vue.js 中的 router 管理,涉及如何使用路由实现单页面应用(SPA)的组件切换,以及路由的一些 API 操作。
原创 2022-11-08 21:16:27
164阅读
文章目录前言一、使用插件① 纯wap项目效果:Demo:② pc&wap混合项目(我放弃了)二、老方案效果:Demo: 前言最近在给公司内部做一个BBS论坛,需要在电脑和手机上都可以操作,所以需要做移动端的适配,下面是我在开发后觉得不错的一些解决方案,分享给大家。一、使用插件在vue2的时候我们可以使用lib-flexible + postcss-pxtorem 去对移动端进行适配,不过
转载 2023-09-21 12:52:20
501阅读
Furong.vue <template> <div id="Furong"> <p>{{msg}}</p> </div> </template> <script> export default { name: 'Furong', data() { return { msg: 'hello furo
转载 2021-07-08 14:02:00
121阅读
1. 基础路由 2. 动态路由 var app = express()//获取data.json数据var scoreData = require('../data.json');//获取data.json文件里面的schoolvar school = scoreData.school;//编写路由
转载 2019-05-20 12:26:00
186阅读
2评论
介绍Vue RouterVue.js 官方路由安装npm i vue-router入门router-link<router-link to="/">GO to /</router-link> <router-link to="/about">GO to about</router-link> <!-- 使用 router-link 进行导
原创 2023-08-05 08:36:20
85阅读
Vue Router 还是看官网吧! 一、安装 要想做单页面应用,就必须使用vue-router。 npm install vue-router --save
原创 2022-06-20 17:17:40
163阅读
what is router后端路由前后端路由安装路由router-view / router-link
原创 2022-06-27 11:16:12
98阅读
  • 1
  • 2
  • 3
  • 4
  • 5