智能社——http://www.zhinengshe.com {{msg}} 智能社——http://www.zhinengshe.com ...
转载 2017-06-09 18:50:00
66阅读
2评论
vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 例如:<div class='box' el='myBox'>你好</div> 让你好的颜色显示为红色:this.$els.myBox.style.color = 'red' vue2.*版
转载 2017-10-19 21:59:00
193阅读
2评论
最近项目开发中遇到需要用到ie浏览器的情况,因为是内网开发,大致记录下兼容过程。问题1:ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题,控制台也不报错,但是ie11浏览器就打不开,控制台报错----显示语法错误:,了解后发现ie浏览器不支持es6,可以通过core-js/stable及regenerator-runtime/runtime编译,vue cli官方推荐使用,main.
转载 2024-04-03 14:52:36
210阅读
使用ts有三种方式创建组件option api (Vue.extend({})这种方式,而不是exportdefault{}) class api (见下面) class api + decorator(见下面)建议使用option api,不用class api 并且由于Decorator装饰器ecma还没有正式定稿,目前不建议使用,包括开发环境vue组件的class api类方式写法vue对t
在进行 Vue2 应用开发时,兼容 iOS 设备常常会遇到一些挑战。本文将详细记录关于“Vue2 兼容 iOS”的解决过程,涵盖环境准备、集成步骤、配置详解、实战应用、排错指南以及生态扩展等方面,以便为需要的开发者提供参考。 ## 环境准备 为了确保 Vue2 能在各种 iOS 设备上顺利运行,我们需要做好相关的环境准备。首先,确保安装最新的 Node.js npm,以下是版本兼容性矩阵:
原创 6月前
72阅读
本文将介绍如何实现一个注册全局指令的插件,可以自动判断vue版本,并进行差异消除的处理。本文示例源码github、npm地址,欢迎start哦。前置介绍-出发点最近写了个vue3的自定义指令,用来拖动元素。为了不影响元素的布局,选用了transform:translate()变换,来实现拖动。实现并不难,思路大概是:监听元素mousedown事件,点击时记录开始坐标。并监听元素mousemove事
vue2vue3的区别?1.Vue3的Template支持多个根标签,Vue2不支持2.Vue3有createApp(),而Vue2的是new Vue()3.v-model代替以前的v-model.sync4.context.emit5.Vue3中的属性绑定5.1使用场景5.2propscontext.attrs的区别6.具名插槽的使用7.Teleport传送门组件8.vue3中动态挂载组
转载 2024-07-02 21:32:41
57阅读
目录不兼容的变更之模板篇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-modev-bind.sync&
转载 2023-11-08 21:09:39
77阅读
前言Vue3已经发布了,它带来了许多改进新特性。如果你正在使用Vue2,你可能会想知道如何将你的应用程序迁移至Vue3。在本篇博文中,我们将讨论如何迁移Vue2应用到Vue3。为什么要迁移?Vue3提供了一些新特性改进,例如更好的性能、响应式API的改进、更好的TypeScript支持等等。此外,Vue3还提供了更好的Composition API,可以更容易地编写可重用的逻辑组合组件。如何
Vue Demi是什么如果你想开发一个同时支持Vue2Vue3的库可能想到以下两种方式:1.创建两个分支,分别支持Vue2Vue32.只使用Vue2Vue3都支持的API这两种方式都有缺点,第一种很麻烦,第二种无法使用Vue3新增的组合式 API,其实现在Vue2.7+版本已经内置支持组合式API,Vue2.6及之前的版本也可以使用@vue/composition-api插件来支持
# vue2 AndroidiOS兼容版本的实现流程 ## 1. 概述 在实现vue2的AndroidiOS兼容版本之前,我们需要先了解一些基本知识。首先,vue2是一种前端框架,用于构建用户界面。它主要关注的是视图层,采用了虚拟DOM的方式进行渲染,使得页面更新更加高效。而AndroidiOS是移动操作系统,分别用于安卓苹果设备。为了实现vue2在AndroidiOS上的兼容性,我们
原创 2023-12-05 09:13:50
259阅读
# 使用 TypeScript 实现 Vue 2兼容性 ## 引言 在开发过程中,我们通常会遇到需要在 Vue 2 中使用 TypeScript 的情况。这里我将向你介绍如何实现 TypeScript Vue 2兼容性,帮助你在项目中更好地使用这两种技术。 ## 整体流程 下面是整个实现 TypeScript Vue 2 兼容性的流程,我们将分步骤进行介绍: | 步骤 | 操
原创 2024-06-26 05:15:37
54阅读
## 如何实现typescript vue2兼容性 作为一名经验丰富的开发者,我将会指导你如何实现“typescript vue2兼容性”。在这个过程中,你需要按照以下步骤进行操作: ### 1. 安装typescript相关依赖 ```markdown npm install typescript vue-class-component vue-property-decorator ```
原创 2024-03-03 05:43:26
90阅读
1、数组循环关于索引B:2.0的版本中不能直接使用$index 2、关于vue实例的调用解释:new一个Vue对象,他的实例名是vm,在1.0版本中vm与this指向的是同一个东西,this指向的就是vm实例;   但是在2.0的版本中,vm实例中只能使用this,不能使用vm 解决方案:这样一来,在2.0的版本中也可以使用vm 3、vue生命周期,组件渲染完成后解释
router.config.js文件无需配置任何路径,均在pages.json中配置即可。我这里是在项目根目录创建了一个config文件夹,两个文件都在config文件夹中
原创 6月前
264阅读
全局安装/配置API更改我们可以发现我们在实例化配置应用程序的方式上又有了一个重大的变化。我们现在就来看看它的工作原理://vue2 import Vue from 'vue'import App from './App.vue'Vue.config.ignoredElements = [/^app-/] Vue.use(/* ... */) Vue.mixin(/* ... */) Vue.c
转载 2021-02-25 17:08:39
538阅读
2评论
前言:    TypeScript 是 JS类型的超集,并支持了泛型、类型、命名空间、枚举等特性,弥补了 JS 在大型应用开发中的不足。在我们自己单独学习 TS时,时常感觉很多知识点还是比较好理解的,但要和框架结合的话,感觉就有点糟,因为我使用Vue比较多,这里就介绍Vue 框架与 TS的结合。     下面就结合我的经验,简单介绍一下如何Vue中平滑的从JS过渡到TS,在各位大佬面前班门弄斧了
转载 2023-08-25 23:07:27
268阅读
目录不兼容的变更之组件与渲染函数1、只能使用普通函数创建函数式组件2、异步组件3、 组件内的emits选项4、渲染函数 API 不兼容的变更之组件与渲染函数1、只能使用普通函数创建函数式组件在 3.x 中,2.x 带来的函数式组件的性能提升可以忽略不计,因此我们建议只使用有状态的组件 函数式组件只能由接收 props context (即:slots、attrs、emit) 的普通函数创建
1.为什么要有vue3我们使用vue2常常会遇到一些体验不太好的地方,比如:随着功能的增长,需求的增加,复杂组件的代码越来越难以维护,逻辑混乱,虽然vue2也有一些复用的方法,但是都存在一定的弊端,比如我们常常用的Mixin,特别容易发生命名冲突,暴露出来的变量意图不是很明显,重用到其他组件容易冲突。vue2对于typeScript的支持非常有限,没有考虑到ts的集成。vue3的出现就是为了解决v
转载 2023-12-25 00:31:53
229阅读
在开发后台管理系统中,经常会碰到合计行的需求,element有直接的属性可以使用,antdvue的需要手动去生成   如图为实现合计后的效果        1。首先给table配置column的时候,要明确哪些字段需要使用合计,如上图,只有总板数需要使用合计,那给总板数的配置加上标识符 即可,我这里为了方便辨识,直接增加了 su
  • 1
  • 2
  • 3
  • 4
  • 5