vue2.0 第3页

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。

一方通行00·2024-01-01 21:27

Vue 2 将于 12 月 31 日到达生命周期终点

Vue2.0在7年多前的2016年发布。它是Vue成为主流框架旅程中的一个重要里程碑。许多现在的Vue开发者是在Vue2时代开始使用Vue的，有许多伟大的项目是用它建立的。

EternalChronosTime·2023-12-31 19:24

vue2.0源码解析（上）

vue项目地址：https://github.com/vuejs/vue当前版本号：2.6.11一、vue初始化1、基本目录结构：WeChat640327ff8c41378361241abdd4c63a5a.png核心代码目录结构：WeChatc5510a06b4d2d69b49f0c5345cfd4d1a.png2、安装依赖以及添加配置安装依赖：npmi安装phantom.js时即可终止安装ro

仰寒天·2023-12-29 18:41

百度地图再vue中的引入方式

使用方式一1.在public->index.html引入ak=自己的密钥2.若是vue2.0就是lib/webpack.base.conf.js加入以下代码，若是vue3.0就在最外层创建一个这个文件module.exports

葫芦娃y·2023-12-29 16:19

5.2 Vue2.0-侦听器，计算属性，axios，vue-cli，vue 组件，组件样式冲突

Vue2.0侦听器侦听器的格式计算属性axiosvue-clivue组件组件的`props`组件的`mixin混入`组件之间的样式冲突问题侦听器watch侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作语法格式如下

像我这样的人112·2023-12-28 23:52

Vue2.0最基础的组件使用

一、全局组件与局部组件的认识-->//全局组件：任何一个vue实例当中都可以使用Vue.component('ChildComp1',{template:'Achild11111111111!!!'})//局部组件：只能在注册它的vue实例中使用constapp=newVue({el:'#app',components:{ChildComp2:{template:'Achild2222222222

DJ欣·2023-12-28 23:52

Vue2.0组件注册

建议先看看组件基础篇Vue.component('component-name',{'一顿操作'})Vue.component的第一个参数就是组件名（取名字记得语义化点）组件名两种写法aa-bb式（短横线分隔）Vue.component('aa-bb',{})//必须在引用这个组件时，使用aa-bbAaBb式（首字母大写）Vue.component('AaBb',{})//引用组件，使用时，两种命

@乐知者@·2023-12-28 23:51

Vue2.0学习-2-深入了解组件--1--组件注册

(day9-1)组件名、全局注册、局部注册、模块系统。一、组件名Vue.component()，里面第一个参数，就是组件名，有两种定义方式：使用kebab-case，也就是使用横线连接：my-component-name；使用PascalCase，也就是首字母大写的驼峰写法：MyComponentName。二、全局注册前面学到的定义组件的方式，都是全局注册方式。这种注册方式有种弊端，所以才会使用局

naildingding·2023-12-28 23:16

Vue2.0学习-2-深入了解组件--5--动态组件&异步组件

动态组件在动态组件上使用keep-alive之前在一个多标签的界面中使用isattribute来切换不同的组件。当在这些组件之间反复切换时，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。如果就像上面这样切换，当你切换不同组件，再切换会先前的组件，先前的状态时不会被保存的。这是因为你每次切换新标签的时候，Vue都创建了一个新的currentTabComponent实例。重新创建动态组

naildingding·2023-12-28 23:16

Vue2.0 -- 组件局部注册

目录组件定义注册使用组件组件的命名再做vue之前,需要先引入vue.js文件有很多官方或者非官方的cdn可以使用,可自行前往搜索下载组件定义首先,使用Vue.extend()来定义一个组件(注意这个步骤是在script标签中完成的)consttestComponent=Vue.extend({})然后进行初始化操作,初始化的时候,在Vue.extend()中填入一个对象参数,这个参数的格式和new

niceffking·2023-12-28 23:44

Vue2使用v-model封装ElementUI_Input组件

Vue2.0、Vue3.0分别使用v-model封装组件首先新建脚手架引入element-ui组件和样式；新建Input.vue组件：{{title}}：**-->exportdefault{model

六卿·2023-12-28 22:05

vue2.0文件流转成Excel并保存至本地

最近做项目，遇到转文件流成excel并保存到本地的需求，期间踩过一些坑，分享出来，希望帮到有希望的朋友；一、安装file-saver，这里我用的是的npm，其他方式请自行百度npminstallfile-saver--save二、在需要的页面引用import{saveAs}from'file-saver'三、发起请求这一步关键点是在发起请的请求头，一定要加上responseType:'arrayb

君子钺·2023-12-28 09:43

一、Vue3.0之属性及其语法

在看本篇文章之前我们需要知道vue3.0可以向下兼容，其语法也支持vue2.0的写法。##一、setup1、特性1)、setup函数是处于围绕beforeCreate和

arguments_zd·2023-12-28 08:04

一篇文章带你轻松创建Vite+Vue3+TypeScript项目

尽管vue2.0已经很完善了，很多人掌握的vue2.0，感觉实在学不动了，意料之外的是尤先生继续更新vue到3.0版本，以补充vue2.0的不足之处。

吃饭睡觉打代码想南南·2023-12-23 11:40

vue2.0与3.0对比，选项式 API VS 组合式 API

一、组件挂载方式不同2.ximportVuefrom'vue'importAppfrom'./App.vue'importi18nfrom"@/i18n";importrouterfrom"@/router";importstorefrom"@/store";Vue.config.productionTip=falsenewVue({i18n,router,store,render:h=>h(Ap

吴兆伦·2023-12-23 02:52

vue + qiankun

上一篇文章中我们分享了qiankun的一些概念和特性，以及基于qiankun实现有一个微前端应用的大概步骤，最后以qiankun加vue2.0为例给出了快速搭建qiankun微前端的一些核心代码。

邯郸达文西·2023-12-22 19:01

2020-07-12

w3cschoolhttp://www.w3school.com.cn/实验楼https://www.shiyanlou.com/基于Vue2.0的桌面端组件库Element-Theworld'smostpopularVueUIframework

一只小张_·2023-12-22 02:51

Vue2.0面试题集合

Vue2.0面试题集合1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？

蒲公英与阿狸·2023-12-21 23:52

前无止境CSND·2023-12-21 18:41

从零开始搭建Vue2.0项目(一)之快速开始

前言该样板适用于大型和严肃的项目，用于快速搭建企业级的vue项目。如果你只想尝试vue-loader或快速制作出原型，请改用webpack-simple模板。快速开始要使用此模板，请使用vue-cli搭建项目。建议使用npm3+以获得更有效的依赖关系树。$npminstall-gvue-cli$vueinitwebpackmy-project$cdmy-project$npminstall$npm

Java白羊·2023-12-21 12:27

前端vue2.0跳转路由如何传参

下面代码的含义constqueryParamsStr=JSON.stringify(this.queryParams)this.$router.push({name:pathName,query:{id:row.id,pid:row.pid,title:row.title,params:queryParamsStr}})这段代码是在Vue.js框架中使用，其含义为：1.将当前组件的查询参数对象（t

小芳林·2023-12-21 11:04

vue搭建博客

使用vue2.0/3.0搭建博客，前端情绪员实现原理安装nodejs和vue写项目项目打包和托管项目创建github仓库安装git托管项目到github仓库检查仓库并设置pages购买域名和解析域名修改更新项目

demo11111111·2023-12-21 07:43

vue2.0使用vue-pdf(简单版本)

1.引入vue-pdf（vue-pdf版本：4.3.0，vue版本：2.6.14）npminstall--savevue-pdf2.引入本地文件（放public文件夹下用于测试。后期用接口返回的地址）111.pdf：自己随意生成的一个3.页面按需引入importPdffrom"vue-pdf"exportdefault{components:{Pdf}}4.完整代码pdfShow.vue上一页下一

猫儿念你·2023-12-19 07:22

前端知识合集

一、前端框架MVVM——vue，ElementUI基于Vue2.0桌面端组件库1、view，html、css-----、templates2、viewModel,js、runtiome、vue.jsViewModel

KunQian_smile·2023-12-16 01:45

系列五、Vue Cli2安装element-ui

一、概述Element-UI是一套为开发者、设计师和产品经理准本的基于Vue2.0的桌面端组件库。

YYAugenstern·2023-12-15 16:49

vue2.0 el-table 点击小图标怎么修改行内某个值

需求分析:Vue的双向数据绑定，使得修改数据后，视图就会跟着发生更新，比如对数组进行增加元素、切割等操作。然而直接通过下标修改数组内容后，视图却不发生变化，因此，我们要想通过index下标来改变数组来达到目的是行不通的。这时我们可以使用Vue.set(对象，属性，值)或this.$set(对象，属性，值)来改变数组代码如下：{{scope.row.api_importance_value}}方法：

未来记忆.·2023-12-15 11:45

Vue2.0介绍（一）

目录一、Vue是什么？二、Vue的特点三、Vue模板语法四、Vue的数据绑定方式五、MVVM模型六、MVC模型七、Vue中的数据代理八、Vue事件九、computed计算属性十、watch侦听属性十一、computed与watch区别十二、样式绑定十三、条件渲染十四、Vue中的key有什么作用？（key的内部原理）十五、vue监听数据的原理十六、过滤器十七、指令一、Vue是什么？vue是一套用于构

DHLSP15·2023-12-15 10:51

Vue2.0介绍（二）

一、生命周期将要创建===>调用beforeCreate函数创建完毕===>调用created函数将要挂载===>调用beforeMount函数挂载完毕===>调用mounted函数（重要钩子）将要更新===>调用beforeUpdate函数更新完毕===>调用updated函数将要销毁===>调用beforeDestroy函数（重要钩子）销毁完毕===>调用destroyed函数二、Vue组件化

DHLSP15·2023-12-15 10:51

H5页面生成工具源码

源码介绍H5是基于Vue2.0开发的，通过拖拽的形式，生成页面的工具，类似易企秀、百度H5等工具。

行动之上·2023-12-15 02:55

vue2.0中的退出登录问题

在vue项目中，我们想要退出登陆，那么，通过之前的权限设定，我们需要将vuex、**storage中的token都清理，并且返回到登陆页面。1.我们在mutations中清理token，因为在之前的设定中。我们用token来确认当前是否是登陆状态2.我们在点击事件中，确认本次退出。用commit传到vuex中执行，并且让他路由返回到登陆页面去。这里我们为什么使用this.$router.*****

秃头的小毛驴·2023-12-14 15:37

vue.config.js更细粒度的配置webpack

vue2.0之后配置都写在vue.config.js文件中，这篇文章说一下项目常用的配置配置项目根路径和指定端口constport=7070;module.exports={//上下文publicPath

有一种感动叫做丶只有你懂·2023-12-06 16:48

Element组件库的用法步骤

Element地址：适用于pc端后台开发Element-Theworld'smostpopularVueUIframeworkElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库

陌一一·2023-12-06 12:32

Vue组件库Element

Element组件基于vue2.0的桌面端组件库组件：超链接、按钮、图片、表格、分页条等链接:Element链接作用：用于组件优化页面1.快速入门安装ElementUi组件库（在当前项目中安装），在命令行执行

Hey_米氏胡·2023-12-06 12:00

基于vue2.0 + elementUI 后台管理平台

Vue-Vux-Demo这是一个基于vue2.0+elementUI后台管理平台Github:https://github.com/xiahuahua/vue-vux-demo（欢迎Star）学习了IAm夏花花技术栈传说中的VUE全家桶(vuevue-routerveux)axisElementUIMock（生成随机数据，屌屌的）在线演示线上访问在线演示戳我!戳我!安装运行（BuildSetup）

唐人不自醉·2023-12-06 02:48

Vue2.0与Vue3.0的区别

一、Vue2和Vue3的数据双向绑定原理发生了改变Vue2的双向数据绑定是利用ES5的一个API，Object.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。通过Object.defineProperty来劫持数据的setter，getter，在数据变动时发布消息给订阅者，订阅者收到消息后进行相应的处理。（1）将Vue中的data里的所有属性通过实现Observer（

wei_dan1129·2023-12-05 14:35

vue自定义指令：指定文字高亮

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。

廊坊吴彦祖·2023-12-05 10:25

怎么联系vue客服_Vue在线客服系统【开源项目】

1.项目介绍一个基于Vue2.0的在线客服系统。技术栈包含：Vue、VueX、VueRouter、ElementUI。2.功能介绍项目包含了2个模块：客服端和访客端。

weixin_39726044·2023-12-04 08:34

React还是Vue：你该如何选择？

但是2016对Vue来说也是同样令人印象深刻的一年，它发布了Vue2.0版本并且在Ja

终身成长人格·2023-12-04 04:15

vue生命周期钩子

官方Vue2.0生命周期的图例简化后的生命周期简化图生命周期钩子函数使用beforecreate:举个栗子：可以在这加个loading事件created：在这结束loading，还做一些初始化，实现函数自执行

初一_一·2023-12-03 15:45

uniapp是否可以用elementUI等前端UI库、使用步骤以及需要注意的问题

在使用uniapp，选择vue2.0时，实测可以用nodejs16的版本。使用方法和步骤1、新建uniapp的默认模板（空白模板），创建时，选择vue2的模板(默认)，如果是

WEB前端圈·2023-12-02 08:03

vue使用皮肤框架element-plus，element-ui是vue2.0的皮肤

vue使用皮肤框架element-plus，element-ui是vue2.0的皮肤，所以现在最新的vue3要使用element-plus皮肤。

andux·2023-12-02 06:31

web前端项目实战_Vue项目仿美团【爱创课堂】

目录Vue2.0一、VueCli1.1安装1.2创建项目1.3启动项目1.4目录架构1.5webpack配置二、项目实战2.1技术架构2.2目录部署2.3路由2.4webpack拓展2.5vuecli拓展

weixin_34247155·2023-12-01 05:54

vue2.0——使用swiper

下载swiper：npminstallswiper--save-devswiper4.0使用入口：http://www.swiper.com.cn/usage/index.html；html：Slide1Slide2Slide3在需要使用swiper的组件里引入swiper，swiper的初始化放在mounted里（可以把官网例子的启动varmySwiper=删掉）；js：importSwiper

杀个程序猿祭天·2023-12-01 04:29

101、Vue3.0打包后出现一些map文件的解决办法

1，运行cnpmrunbuild开始打包2，会在项目目录下自动创建dist目录，打包好的文件都在其中解决办法：在vue2.0版本中去src/config/index.js中改一个参数：productionSourceMap

world_7735·2023-11-30 21:08

笔记：Vue Router

注意Vue2.0搭配vue-router3.

我才是真的李成贤·2023-11-30 11:56

vue2.0中使用v-if/v-show切换后echarts不显示和宽高问题

vue2.0中使用v-if/v-show切换后echarts不显示和宽高问题需求描述问题描述问题解析解决方案使用v-show替代（不推荐）v-if使用$nextTick（推荐）需求描述使用ehcarts

跳跳的小古风·2023-11-30 11:25

TinyMce富文本处理器在Vue3 vue-vite中使用（小白避坑必看）

我是觉得吧tinymce这个富文本编辑器是最好用用起来可以说是非常丝滑、简单易懂经典模式|TinyMCE中文文档中文手册(ax-z.cn)首先安装依赖：这里先声明一下：TinyMce在4.0以后就不支持Vue2.0

蓝斑.json·2023-11-30 05:46

vue2.0源码解析（中）

今天我们了解一下vue中批量异步更新策略和虚拟DOM以及Diff算法异步更新策略1、update()core\observer\watcher.jsdep.notify()之后watcher执行更新，执行入队操作由此，我们找到对应的文件。WeChat2ee892be29fa2890da2bc96cb706452a.png由图片我们发现一个watcher入队操作。点进去会跳到core\observe

仰寒天·2023-11-29 23:16

animate.css的使用

在用link或者是import引入animate.cssanimate.css在vue2.0布局中的结构前端工程师：webmxj(个人网站)enter-active-class是进入时的动画效果leave-active-class

webmxj·2023-11-29 12:01

vue2.0中引入全局less

1.安装依赖包npminstalllessless-loader--save-dev在style标签中加入lang='less’就可以。2.如果单独创建less文件引入全局安装依赖包npminstallstyle-resources-loader-D然后在build/utils.js文件下加入这个代码记得更改patterns路径然后在app.vue引用global.less就可以全局使用了

huanglei_91cd·2023-11-29 11:21

推荐频道

vue2.0