vue2源码学习第33页

使用webpack从0搭建Vue2项目脚手架

使用工具：Webpack@5Vue@2目录结构首先要明确最终项目的目录结构vue2webpackconfig├──dist│├──bundle.js│└──index.html├──package-lock.json

Yandhi233·2023-12-22 01:33

Vue2.0面试题集合

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

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

vue2面试题：公司真实vue2面试题整理

编辑排版|宋大狮平台运营|小唐狮一、说一下vue2的生命周期？

程序员大澈·2023-12-21 23:50

Vue2面试题：说一下对跨域的理解？

http请求分为两大类：普通http请求（如百度请求）和ajax请求（跨域是出现在ajax请求）同源策略：在浏览器发起ajax请求时，当前的网址和被请求的网址协议、域名、端口号必须完全一致，目的是为了防止跨站脚本攻击。跨域是浏览器的同源策略导致的，而服务器之间不受同源策略影响！！！前端本地开发存在跨域，但前端部署到服务器上就不存在跨域了！！！解决方式：1、CORS跨域资源共享在配置类中，添加一个C

程序员大澈·2023-12-21 23:47

Vue2组件传参的五种方式

方法一props传参父组件我是Father组件{this.hello()}":arr="arr">importSonfrom'./Son'exportdefault{name:"Father",data(){return{arr:[1,2,3]}},methods:{hello(){console.log("helloworld!")}},components:{Son}}子组件我是Son组件ex

时光浅止·2023-12-21 23:27

如何在vue2中使用，没有npm包的js库

在vue2.X项目中，如果是是需要使用第三方的软件库，如果我们在npm中没找到对应的软件安装包，如果我们想要使用可以通过如下两个方法方法一：直接找到public文件夹下的index.html在头部直接通过

搬砖的哈哈·2023-12-21 21:50

vue3 el-select 增加全选和取消全选

最近有一个el-option增加全选的需求，后面网上找到了关于vue2的写法，这里我用的是vue3的写法。首先，先上一下效果图选中和未选中效果图已经上传，现在贴上代码。

浅夏、淡夏·2023-12-21 20:16

nvm切换node版本

比如Vue2和Vue3需要的Node版本不一样。

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

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

vue3之pinia简单使用

适用于vue2和vue3。可以简单的理解成Pinia就是Vuex5。也就是说，Vue3项目，建议使用Pinia。pin

在路上`·2023-12-21 18:08

vue3使用vue-count-to组件的实现数字滚动

数据可视化大屏开发的过程中，需要实现一种滚动数字的效果，在使用vue2时，使用vue-count-to完全没有问题，功能也比较完善(滚动时长，开始值，结束值，前缀，后缀，千分隔符，小数分隔符等等)，但是在

bhb_monkey·2023-12-21 18:36

实现简易版Vue

/***实现简易版Vue2数据响应*思路：*通过发布-订阅模式来实现对数据的监听*三个重要概念：observer(数据劫持)dep(订阅器)watcher(订阅者)*observer：*通过Object.defineProperty

1e5b5fc82d3c·2023-12-21 18:38

vue2+element-plus tree树形控件添加、删除、编辑

环境：vue2+element-plus需求：tree树形控件添加、删除、编辑描述：tree树形控件自带添加、删除，却没有编辑功能，应该怎样如何实现呢？

常言.道·2023-12-21 17:45

vue2项目安装出现Syntax Error: Error: Cannot find module ‘less‘

一个新项目安装的时候出现下面问题网上说，一般都是说webpack版本与less-loader版本不匹配引起的npmviewwebpackversion查看当然webpack版本开始直接用npminstallless--legacy-peer-deps失败了，跟其它eslint版本好像有冲突，用其它版本也报错最后用[email protected]成功了

宁波阿成·2023-12-21 16:56

vue2 webpack proxy与nginx配置

文章目录一、项目打包后，elementUi图标显示为方框问题二、如何给项目添加ico图标三、proxy本地跨域配置四、nginx配置提示：以下是本篇文章正文内容，下面案例可供参考一、项目打包后，elementUi图标显示为方框问题解决：修改build文件=》utils.js中的ExtractTextPlugin,加入publicPath:‘…/…/’,if(options.extract){ret

空中有朵雨做的云·2023-12-21 15:37

Vue3 的效率提升主要表现在哪些方面？

我们将通过对比Vue2和Vue3的编译结果来说明这些方面的效率提升。静态提升在Vue2中，每次渲染时都会重新创建VNode节点，即使是静态节点也会被重新创建。这会导致一些不必要的性能损耗。

俊刚、·2023-12-21 12:34

从零开始搭建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

vue2动态路由传参2种方式params与query

一、params1、传：1）、动态路由匹配（路由配置里写）{name:"user",path:'/user/:id',component:User}//id：相当于声明了变量2）、跳转时传参1)、跳转时，使用字符串//声明式用户01001的信息//编程式this.$router.push("/user/01001");2）、跳转时，使用对象//声明式：命名的路由，同时传参//注意:params使用

你的长安有雪.·2023-12-21 11:04

Vue2+Vue3组件间通信方式汇总（1）------props

目录一、props(父传子，子传父)------Vue2------Vue3从Vue2(组合式API)和Vue3（选择式API）两个版本对每个组件间通信方式进行讲解：一、props(父传子，子传父)--

三水木雨·2023-12-21 11:39

前端漏洞信息：Vue2.x 项目删除 .js.map 文件

编译后不要生成.js.map文件，在vue.config.js文件中如下配置即可module.exports={productionSourceMap:false}

AvatarGiser·2023-12-21 10:33

Vue3组件插槽

Vue3和Vue2插槽几乎没有区别所谓插槽，在我理解就是在子组件里挖个坑，把父组件内容填入坑里。

今天不加班啦·2023-12-21 10:32

Vue2.动态组件，插槽，自定义指令

目录动态组件（component组件）1.组件（相当于组件的占位符，有is属性指定渲染组件名字）2.使用组件保持动态组件的状态3.keep-alive对应的生命周期函数（缓存：deactivated，激活：actived）4.keep-alive的include属性或exclude属性（指定的name值组件会被缓存）5.完整动态组件使用方法插槽（v-slot：指令）1.插槽的基础用法2.具名插槽3

欢愉～·2023-12-21 10:31

Vue 2.5 入门学习记录

Vue2.5入门学习记录1.基础知识Vue是什么Vue引入方式Vue特点Vue实例中的数据事件方法Vue中的属性绑定和双向绑定Vue中的v-if、v-show、v-fortoDoList制作局部组件&全局组件

程序媛一枚~·2023-12-21 10:54

2021-09-27

vue2笔记脚手架文件结构├──node_modules├──public│├──favicon.ico:页签图标│└──index.html:主页面├──src│├──assets:存放静态资源││└

Daydream_许多·2023-12-21 10:08

vue2实现文字跑马灯效果

第一种方式html CSS.info{display:flex;overflow:hidden;text-overflow:ellipsis;height:30px;line-height:30px;padding-left:.5rem;margin-bottom:5px;border:1pxsolidtransparent;background-clip:padding-box,bor

代码搬运媛·2023-12-21 08:24

vue 如何实现拖动：vue-draggable

vue-draggable官方文档：传送门特点：支持触摸设备（如vue项目的移动端开发Quasar）支持拖拽和选择文本支持不同列表之间的拖拽视图模型的同步刷新与vue2的过渡动画（transition-group

代码搬运媛·2023-12-21 08:24

rouyi-vue-pro+vue3+vite4+Element Plus项目中使用生成Vue2+Element UI标准模板

运行一个pro-vue3的前端项目，以及后端服务在基础设施-代码生成模块中选择某张数据库表导入，并编辑生成信息，前端类型：Vue2+ElementUI标准模板在vue3项目中创建一个vue文件//import

李同学va·2023-12-21 08:53

项目从vue2 升级vue3，项目大迁移，UI组件库更换

目录背景描述开发准备第一步：升级环境第二步：划分功能迁移顺序第三步：详细了解需要迁移的业务页面第四步：项目的一些配置的准备详细开发流程总结/分析：背景描述之前的版本：vue2.6.8+iview3.3+

鹤渺·2023-12-21 07:03

vue3语法

文章目录一、Vue3里script的三种写法1、最基本的vue2写法2、setup()属性3、scriptsetup二、如何使用scriptsetup编写组件1、data——唯一需要注意的地方2、methods3

demo11111111·2023-12-21 07:13

vue搭建博客

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

demo11111111·2023-12-21 07:43

vue3+vite静态页面部署到gitee pages

vue3+vite静态页面部署到giteepagesgitee创建开源仓库修改项目部署到gitee中随着vue3的成熟，vue2将在2023.12.31停止维护，所以有必要搞一下vue3项目静态页面怎么部署到

demo11111111·2023-12-21 07:04

Vue学习计划-Vue2--VueCLi（九）vue路由详解

1.介绍理解：一个路由（route）就是一组映射关系（key-value）,多个路由需要路由器（router）进行管理前端路由：key是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参2.基本使用安装vue-router,命令npmivue-router应用插件：Vue.use(vueRouter)编写router配置项：配置compone

化作繁星·2023-12-21 06:44

Vue学习计划-Vue2--VueCLi（八）vuex统一状态管理实现数据共享

1.vuex是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。这个怎么理解呢？可以暂时理解成全局事件总线、消息订阅与发布一样的道理，把vuex当成是外部的一个储存空间，内部储存着方法和状态。看一下图：其中呢：state：是一个对象，目的是保存具体的数据actions对象

化作繁星·2023-12-21 06:14

Vue学习计划-Vue2--VueCLi（一）准备工作，安装node、vuecli

1.安装node网址：https://nodejs.org/en下载LTS版本表示长期支持版本说明：node是一个基于ChromeV8引擎的javascript运行环境,让JavaScript运行在服务端的开发平台vuecli创建的项目必须运行在node环境中，npm为node自带包管理工具，用于下载三方依赖包和运行项目打包等操作npm官网https://www.npmjs.com/，npm中文网

化作繁星·2023-12-21 06:13

Retrofit原理简析

笔者之前也写过一篇文章：Volley源码学习，就算不看Volley的源码，使用过Volley的人都

俗人浮生·2023-12-21 06:08

springboot整合vue2实现简单的新增删除，整合ECharts实现图表渲染

先看效果图：1.后端接口//查询所有商品信息//@CrossOrigin(origins="*")@RequestMapping("/list1")@ResponseBodypublicListlist1(){Listlist=goodsService.list();returnlist;}//删除//@CrossOrigin(origins="*")@RequestMapping("/del")

qq_1061383457·2023-12-21 05:47

vue2升级vue3：composition api中监听路由参数改变

vue2的watch回顾我们先回顾一下vue2中watch《watch性能优化：vuewatch对象键值说明-immediate属性详解》《vue中methods/watch/computed对比分析，

周陆军的个人博客·2023-12-21 04:40

vue中的watch监听属性，使用详细（vue2和vue3监听属性watch的使用）

简述：vue中的watch属性大家都比熟悉，是vue的监听属性，监听数据的变化触发执行函数，可以监听数据和路由，这里给大家总结了一下watch在vue2和vue3中的使用详细，顺便做个笔录；watch的相关属性

北城笑笑·2023-12-21 04:10

黑马Vue2+3入门到实战教程

骨灰级收藏家·2023-12-21 03:24

vue2快速上手

主结构在Vue2组件中，下面是一些常用的属性和方法：属性：data：组件的数据对象。props：用于接收父组件传递的数据，可以在组件内部使用。通过设置props属性，可以定义组件所需的外部数据。

顿河顿河·2023-12-21 03:24

Vue2+Vue3

什么是VueVue是一个用于构建用户界面的渐进式框架创建Vue实例核心步骤（4步）：准备容器引包（官网）—开发版本/生产版本创建Vue实例newVue()指定配置项，渲染数据el:指定挂载点data提供数据Document完成渲染-->box2--{{count}}box--{{msg}}{{msg}}{{count}}newVue({el:'#app',//通过el配置选择器，指定Vue管理的是

渔阳节度使·2023-12-21 03:23

Vue基础 (黑马程序员讲解)

Vue2.x技术精讲目录：1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/

妄心×·2023-12-21 03:53

Django与Vue2搭建一个简单的微信扫码登录页面

0、Github代码GitHub-caip1299920300/wx_Django_Vue:Django和vue2搭建一个简单的微信扫码登录页面1、在微信公众平台，注册公众平台测试号注册网址：微信公众平台参考

小wu学cv·2023-12-21 01:30

vue3封装请求功能

1一般3开发后缀为ts的是在安装脚手架选择了ts语法开发2一般3开发后缀还为js的是没有选择ts当然也支持后缀vue文件使用setupjs后缀的支持2的封装如下链接:vue2封装请求如下所示为ts后缀的说明

小阳生煎·2023-12-21 00:17

vue3中的组件间通信

与vue2的方法一样1父给子传值props我们通过在父组件引用子组件的时候，可以通过自定义属性进行值的传递，在子组件通过props进行接收。父传值给的是值父importrcodefrom"..

小阳生煎·2023-12-21 00:47

Vue3的路由跳转传参接参

路由跳转vue2路由跳转点击这里分为2种方法query========通过router.push{path:'跳转路径',query{传入参数}}然后通过route.query来进行接收a页面登录import