❤️❤️--vue2 第6页

【vue3学习笔记】shallowReactive与shallowRef；readOnly与shallowReadOnly；toRaw与markRaw

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P158节《shallowReactive与shallowRef》笔记：reactive()与shallowReactive()：reactive

youyoufenglai·2024-02-09 07:56

Vue2 创建组件库——（二）编写组件

以卡片组件为例目录编写卡片组件在项目中引入组件组件测试打包组件库编写卡片组件packages/Card/index.jsimportCardfrom'./src/Card.vue'//为组件提供install安装方法，供按需引入Card.install=function(Vue){Vue.component(Card.name,Card);}exportdefaultCardpackages/Ca

G.X.Y~苏·2024-02-09 06:37

vue的8大生命周期

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated

还是大剑师兰特·2024-02-09 06:21

2024年的VUE2下的无效指令npm install --save vue-i18n

vue官网已经声明了不再维护vue2,vue-i18n安装依赖的时候就只接安装vue3的vue-i18,直接报错：>npminstall--savevue-i18nnpmERR!

阿狸Jay(塘主)·2024-02-09 06:43

Vue3中路由配置Catch all routes (“*“) must .....问题

Vue3中路由配置Catchallroutes(“*”)must…问题文章目录Vue3中路由配置Catchallroutes("*")must.....问题1.业务场景描述1.加载并添加异步路由场景2.vue2

小袁搬码·2024-02-09 05:50

Vue3基础(十yi)_常用生命周期函数_setup_onMounted_onUpdated

对比vue2beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate

六卿·2024-02-09 05:32

3分钟带你了解Vue3的nextTick()

概念在Vue3中nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick

_Minato_·2024-02-09 04:22

3分钟带你了解——Vue的监听器

基本使用方法在Vue2中

_Minato_·2024-02-09 04:52

VUE2模拟VUE3中的Teleport实现改变元素挂载的节点

Teleport页面exportdefault{name:'teleport',props:{to:{type:String,required:true}},mounted(){consttoEl=document.querySelector(this.to)if(toEl){toEl.appendChild(this.$el)}},destroyed(){consttoEl=document.q

灰海·2024-02-09 00:34

VUE2和VUE3区别对比一览

##Vue3总结###官方文档*[Vue3](https://v3.cn.vuejs.org/api/options*data.html)*[Vue2](https://vuejs.bootcss.com

灰海·2024-02-09 00:02

关于vue2+antd 信息发布后台不足的地方

有的写法可以cv1.序号递增{title:"序号",customRender:(text,record,index)=>`${index+1}`,align:"center",},2.关于类型{title:"类型",dataIndex:"type",align:"center",customRender:function(t){switch(Number.parseInt(t)){case0:re

_斯洛伐克·2024-02-08 23:39

实现简单render函数

什么是VirtualDomReact和Vue2都使用了VirtualDom技术，VirtualDom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化时，VirtualDom

初晨的风儿·2024-02-08 22:58

Vue 生命周期

文章目录一、Vue2的生命周期函数Vue2请求接口一般放在哪个生命周期Vue2生命周期运行解析源码解析初始化阶段模板编译阶段挂载阶段mountComponent()Watcher_update()销毁阶段什么时候会调用

fmk1023·2024-02-08 20:32

Pinia学习笔记

基本使用defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2

fmk1023·2024-02-08 20:32

今天教大家使用vue2封装一个全局可用的message提示组件

像element-ui，ViewDesgin这种组件库我们肯定使用过，当我们用message组件的时候可以直接this.$Message.loadong/success/error，...那么这个是怎么实现的呢，今天教大家实现一个message组件挂载到vue全局1、创建一个Message组件，在components目录下新建一个MessageComponent.vue;随便写点什么上去先2、在i

阿湘zs·2024-02-08 19:14

vue封装一个简单的modal对话框

1、在conpmonents新建一个Modal.vue2、在main.js注册成全局组件//全局可用的组件importModalfrom'.

阿湘zs·2024-02-08 19:14

vue2用自定义指令实现图片懒加载

除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。自定义指令必须以v-xxx开头钩子函数会接收到指令所绑定元素作为其参数。以下实现使用自定义指令实现图片懒加载效果：javascript中有个api可以获取元素是否在可视区使用newIntersectionObserver（）话不多说看代码：ex

阿湘zs·2024-02-08 19:43

Vue + Element UI中表格组件（el-table）里的输入组件（el-input）中按下回车，使光标向右移动

效果Vue2+ElementUIexportdefault{name:'TableData',data(){return{columns:[{label:'日期',prop:'date'},{label

也许明天 '·2024-02-08 18:37

vue3笔记十四(vue3自定义全局函数及变量、css新特性)

1、globalPropertiesvue3中没有Prototype属性，使用app.config.globalProperties去替代//vue2中Vue.prototype.

·某某··2024-02-08 18:55

vue3全局常量定义及使用

vue2定义全局变量可以参考以下文章Vue项目常量的使用vue3中需要适量修改一下一、创建常量文件在src下创建constant文件夹，用于存放全局常量相关配置，创建好后在其内创建module文件夹，用于存放常量文件

我是小菜鸟*·2024-02-08 18:54

vue3 - 21.定义全局函数&变量

globalProperties定义全局函数和变量：vue2的写法：vue.prototype.

啦啦朵朵·2024-02-08 18:24

vue2使用高德地图点击或搜索获取经纬度

data(){return{searchLocation:'',ruleForm:{},map:null,marker:null}},mounted(){this.initMap()this.setLocal()},methods:{//初始化地图initMap(){this.map=newAMap.Map('container',{zoom:9,//级别center:[116.397428,39

前端路上迷茫的小鲨鱼·2024-02-08 18:48

Vue2项目中使用高德地图自定义（Marker）标记点和创建（MassMarks）海量标记点

前言本篇文章就是单独分享一下在Vue2项目中如何自定义创建marker标记点和针对要创建庞大数量标记点时所采用的API，能够快速创建数量庞大的marker，不至于在浏览器渲染时产生卡顿的现象。

进击中的前端开发者·2024-02-08 18:18

创建一个VUE项目（vue2和vue3）

背景：电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目

c103363·2024-02-08 17:39

Vue----导航守卫

文章目录3.5导航守卫3.5.1全局前置守卫3.5.2守卫方法的3个形参3.5.3next函数的3种调用方式3.5.4控制后台主页的访问权限src/router/index.js3.5导航守卫Vue2与

萤火虫的小尾巴·2024-02-08 17:05

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search

与月儿漫邀·2024-02-08 13:53

vue3项目keepAlive使用方法详解

常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。以下主要将keepaliev在vue3.0中的用法。

Trank-Lw·2024-02-08 13:47

vue2/3项目中使用Vue Carousel 3D实现 Carousel 3D 轮播

项目需求大概是这个样子，这种并不能通过围成一周再旋转父级实现，因此图方便选择了组件轮播vue2，可以直接使用Playground-VueCarousel3D-3DCarouselforVue.js进行改造成自己需要的样子

毒蚊子D·2024-02-08 12:19

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新

煸橙干儿~~·2024-02-08 10:11

vue项目：集成富文本编辑器 - 百度ueditor（vue-ueditor-wrap）

一、背景集成百度ueditor，实现图文编辑二、项目介绍vue2-nuxt2项目vue项目：ueditor（vue-ueditor-wrap）三、集成步骤3.1、下载富文本编辑器GitHub-fex-team

snowball_li·2024-02-08 06:38

Vue-Vue3 集成编辑器功能

editor-for-vue两个插件npminstall@wangeditor/editor--savevue3运行如下命令安装npminstall@wangeditor/editor-for-vue@next--savevue2

青柠t·2024-02-08 06:02

vue3：24—组件通信方式

和vue2有点不同】5、$attrs6、$refs和$parent7、provide和inject8、pinia（即vue2中的vuex）9、插槽默认插槽具名插槽作用域插槽（ui组件库用得多）10、总结

有蝉·2024-02-08 01:23

vue2.3-列表循环、表单元素绑定

一、列表循环、表单元素绑定1、v.for-根据数据生成列表结构例1:循环访问数据v-for{{index+1}}测试测试：{{it}}varapp=newVue({el:"#app",data:{//定义数据arr:['重庆','上海','广州','长沙'],},})运行结果：例2-响应式添加移除数据v-for{{item.name}}varapp=newVue({el:"#app",data:{

小小蚂蚁仔.·2024-02-08 00:24

vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配

1.安装postcss-pxtorem插件npminstallpostcss-pxtorem-D如果运行项目后报错PostCSSpluginpostcss-pxtoremrequiresPostCSS8.需要降低postcss-pxtorem的版本卸载默认安装的版本npmuninstallpostcss-pxtorem安装指定版本[email protected]番外:不推荐pos

佛係老李·2024-02-08 00:37

vue中使用postcss-pxtorem实现适配

postcss-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6

gegephp·2024-02-08 00:36

Vite的优化配置

的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app----templatevue2

你大爷的,这都没注册了·2024-02-07 23:11

vue3 使用defineAsyncComponent与component标签实现动态渲染组件

之前用的vue2的动态挂载组件，也

小何开发·2024-02-07 18:31

Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是vue3.2的版本，查阅了资料才发现vue3对404配置进行了修改,必须要使用正则匹配,vue2404

富朝阳·2024-02-07 18:29

3. 状态管理 vuex 状态管理库

目录3.1vuex介绍3.2使用方式Vue1：基础跟使用方式Vue2：路由方面3.1vuex介绍vuex是一个专为Vue.js应用程序开发的状态管理库vuex可以在多个组件之间共享数据，并且共享的数据是响应式的

it优质男·2024-02-07 15:19

071：vue中过滤器filters的使用方法（图文示例）

提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated

还是大剑师兰特·2024-02-07 13:56

新建vue2 typescript类型项目

环境准备nodejs版本：v16.20.1npm版本：8.19.41.初始化npminit-y2.安装vue-clinpminstall-D@vue/cli3.查看安装vue-cli的版本4.创建vue2

liangbo7·2024-02-07 13:14

Vue.js 源码分析——模板编译和组件化

渲染函数render(h){returnh('div',[h('h1',{on:{click:this.handler}},'title'),h('p','somecontent')])}模板编译的作用Vue2

丽__·2024-02-07 12:41

vue样式穿透的写法

文章目录Vue2中的样式穿透如何使用Vue3中的样式穿透如何使用参考：https://blog.csdn.net/weixin_46022934/article/details/123993834Vue2

_洋·2024-02-07 11:13

【Web - 框架 - Vue】随笔 - 通过`CDN`的方式使用`VUE 2.0`和`Element UI`

通过CDN的方式使用VUE2.0和ElementUIVUE网址https://cdn.bootcdn.net/ajax/libs/vue/2.7.16/vue.js源码https://download.csdn.net

SUNxRUN·2024-02-07 11:41

vue项目开发vscode配置

配置代码片段步骤如下：文件->首选项->配置用户代码片段新增全局代码片段起全局代码片段文件名“xxx.code-snippets”这里以配置vue2初始代码片段为例，配置具体代码片段{"name":"vue-sph

RuiW_97·2024-02-07 10:37

Vscode快速开发Vue代码块配置+自动头部注释

1.首先是Vue组件的代码块配置这里使用的是Vue2.xctrl+shift+p->输入snippet->首选项：配置用户代码片段->输入vue->选择vue.json(vue)、按照以下代码块进行配置后

Nomal_1bit·2024-02-07 08:13

自定义npm包从vue2升级到vue3遇到的问题解决

1.执行npmrunbuild时报错：(node:16724)UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken‘??=’atLoader.moduleStrategy(internal/modules/esm/translators.js:149:18解决：更新node版本查看了我使用的node版本是14.21.3，更新到最新

小玲子小玲子·2024-02-07 06:58

一台Mac同时安装vue2和vue3

背景：电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue31.新建一个安装vue3的目录进入vue3文件夹安装vue3//注意这里没有参数-g，

c103363·2024-02-07 06:57

vue2中给对象添加属性的几种方法

1、使用Vue.set()方法：Vue.set(obj,'newProperty',value);这种方法会确保新属性能够被Vue的响应式系统检测到。使用this.$set()方法（适用于Vue实例中）：this.$set(obj,'newProperty',value);2、这种方法也会确保新属性能够被Vue的响应式系统检测到。直接使用赋值语句：obj.newProperty=value;3、这

m0_51014049·2024-02-07 01:47

vue2之v-html进行转义文本内容问题

今日遇见一个问题，使用代码实现文本内容正常显示，不用使用v-html进行转义文本内容显示不想使用v-html并且希望将内容转义回去，以正常显示使用JavaScript的内置函数DOMParser()进行HTML解析和处理。以下是一个示例实现：//考生最后一条消息lastMessageExaminee(){return(phone)=>{letmessageMap=newMap(JSON.parse