vue2双向绑定

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 指令、数据及事件绑定、条件和列表渲染

文章目录Vue指令内容渲染指令属性绑定指令事件绑定指令双向绑定指令条件渲染指令列表渲染指令Vue指令指令（Directives）是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。
YuLong~W·2024-02-08 00:24

Vue:vue中的指令（属性绑定指令、事件绑定指令、修饰符、双向绑定指令...）

内容指令v-text指令：v-text和原生js中的innerText差不多，都无法解析标签，会把标签当做文本输出，在vue中使用v-text指令会覆盖标签原来的内容代码示范：#最后输出结果为HelloVue~~会被覆盖掉Vue~~exportdefault{data(){return{msg:'Hello'}}}v-html指令v-html和原生js中的innerHTML差不多，都可以解析标签，
奄奄一息的一条咸鱼·2024-02-08 00:24

Vue 基础之应用及组件、生命周期函数、模版语法、computed 及 watcher、样式绑定语法、条件渲染、列表循环渲染、事件绑定和表单中双向绑定的指令

一、Vue的应用及组件、生命周期函数、模版语法、computed及watcher、样式绑定语法、条件渲染、列表循环渲染、事件绑定和表单中双向绑定的指令createApp表示创建一个Vue应用，存储到app
城南花开ze·2024-02-08 00:53

表单输入绑定

表单输入绑定1.双向绑定数据的绑定，无论是使用插值表达式{{}}还是v-text指令，对于数据间的交互都是单向的，只能将Vue实例里定义的值传递给页面，页面数据的任何操作无法传递给model1-1v-model
langmanboy·2024-02-08 00:51

一些关于Vue指令-v-model双向绑定的问题

把Vue的数据变量和表单的value属性双向绑定在一起下拉菜单v-model写在哪里？v-model写在select上，value写在option上,Vue变量关
龙王在逃狱友·2024-02-08 00:20

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

Vuex：state,mapState,...mapState对象展开符详解

定义:state(vuex)≈data(vue)vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载数据和dom的双向绑定事件,也就是当你改变值的时候可以触发
web前端定做·2024-02-07 20:07

vue双向绑定的原理及实现双向绑定MVVM源码分析

Vue双向数据绑定的原理：可以将对象的属性绑定到UI，具体的说，我们有一个对象，该对象有一个name属性，当我们给这个对象name属性赋新值的时候，新值在UI上也会得到更新。同样的道理，当我们有一个输入框或者textarea的时候，我们输入一个新值的时候，也会在该对象的name属性得到更新。数据劫持实现双向数据绑定：vue.js则是采用数据劫持结合发布者-订阅者模式，通过Object.define
前端来入坑·2024-02-07 19:40

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

[vue3快速入门] 16.v-model表单输入绑定

我们之前使用过v-model来双向绑定input的值，这节课我们简单介绍一下其他表单类型使用v-model，内容可能长一点，大家简单过一遍就行了，用到时候再去官网查也不晚。
林哥学前端·2024-02-07 17:00

Kotlin——jetpackCompose按钮弹出dialog、列表（类似recyclerView）、双向绑定--列表(可单选/多选)、列表选中显示边框（最简单的方式）

一、按钮弹出dialog效果图为：packagecom.example.jetpackcomposeimportandroid.os.Bundleimportandroidx.activity.ComponentActivityimportandroidx.activity.compose.setContentimportandroidx.compose.material.*importandro
wy313622821·2024-02-07 15:37

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

Vue3——模板语法（文本插值、vue内置指令）

Directives指令的参数指令的修饰符vue3的内置指令渲染文本内容（v-text）渲染html（v-html）单项绑定（v-bind）单项绑定的使用单项绑定v-bind的简写同名简写动态绑定多个值修饰符双向绑定
_洋·2024-02-07 11:12

【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

小程序 input 的键盘事件

事情是这样的：由于input组件的样式实在太丑而且也改不了大样子，我决定把它隐藏，写个设计稿的样式，采用数据双向绑定。
weixin_30319153·2024-02-07 11:59

vue项目开发vscode配置

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

Vue3引入腾讯地图，点击坐标后实时获取经纬度

本文将介绍如何在Vue引入腾讯地图组件，引入后可以直接在页面中渲染腾讯地图，实现经纬度与地图锚点位置的双向绑定，如：1，输入经纬度后，地图自动定位到指定位置；2，鼠标在地图点击后，自动获取到地址的经纬度
程序员大飞1·2024-02-07 10:52

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

1.首先是Vue组件的代码块配置这里使用的是Vue2.xctrl+shift+p->输入snippet->首选项：配置用户代码片段->输入vue->选择vue.json(vue)、按照以下代码块进行配置后
Nomal_1bit·2024-02-07 08:13
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他