vue2.x 第9页

手把手教你如何使用webpack搭建vue2.x的vue-cli脚手架

1、选择node版本和下载安装Nodenode和npm版本对应表：https://nodejs.org/zh-cn/download/releases/https://nodejs.org/zh-cn/download/releases/nodeJs到14.0.0就不支持win7系统了，只能选择之前的版本，比较新的是13.14.0版本。注意：13.14.0版本的node不能使用cnpm首先前往no

书中自有妍如玉·2023-04-14 10:02

用webpack搭建Vue2.x开发框架

上一周看了一下腾讯课堂的学习视频，然后学习到了如何搭建Vue2.x开发框架，刚好让我了解到我这半年接触到的商品库项目的开发内容里的配置文件，原来是这样子的配置，所以，我在这里总结记录一下，也为那些还不懂的同学

cai0_0·2023-04-14 10:00

Vue2.x、Vue3.x、Vite以及Webpack创建Vue项目,关联github版本管理

Vue2.x、Vue3.x、Vite以及Webpack创建Vue项目,关联github版本管理前提条件创建Vue2.x的项目方式一：`vueinitwebpackprojectname`方式二：`vuecreateprojectname

AIguibin·2023-04-14 10:30

webpack搭建vue2.x

前提：1.借助Node.js环境里的npm来安装，2.设置好npm镜像，（比如淘宝的npm镜像：输入引用npminstall-gcnpm–registry=https://registry.npm.taobao.org即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了），==============或者============（配置指向源，通过npm命令指定下载源）引用npmco

cc蒲公英·2023-04-14 10:59

vue2.x使用ckeditor4（上传图片使用element-ui）

1.到官网下载ckeditor（full-.zip）https://ckeditor.com/ckeditor-4/download/2.解压后的文件放在Vue项目的static目录下cke1.png3.新建一个ckeditor组件，组件代码在下面自定义按钮在plugins文件下新建一个addpic文件夹，里面放一张图片和plugin.js文件cke2.png在plugin.js(function

w_小伍·2023-04-14 02:51

04-vue3侦听器

在组合式API中，我们可以使用watch函数在每次响应式状态发生变化时触发回调函数.与Vue2.x中watch

水木清华-蓝白·2023-04-13 18:22

vue3[学习记录3(可复用&组合)---包含与vue2.x的一些区别，本文是按照vue3中午文档学习顺序整理的]

11.自定义指令的勾子函数名字改变了12.Teleport内置组件作用：可以控制HTML片段指定在某一父节点下呈现/渲染最为直接的案例就是官网的模态框案例https://vue3js.cn/docs/zh/guide/teleport.html

墨水白云·2023-04-13 16:14

vue2.x组件编写总结

vue2.x组件编写总结组件是可复用的Vue实例，它们与newVue接收相同的选项，例如data、computed、watch、methods以及生命周期钩子等。比如我们写一个计数器组件。

dralexsanderl·2023-04-13 11:00

Vuex4.0（八）在Vue3环境下如何优雅的管理状态？

基于Vue2.x风格的Vuex的使用方式不适合Vue3了我们都知道Vuex是专门为Vue开发的一套状态管理方式，换个角度来看呢，就是给Vue2.x的不足之处打补丁的方式。

自然框架·2023-04-13 02:55

vue+MapboxGL：从0 到1 搭建开发环境

本系列教程是在vue2.X的基础上加载mapbox程序，来开发各种示例程序。

还是大剑师兰特·2023-04-12 21:24

Vue3.0的强势升级点

Vue3.0Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，CompositionAPI的出现，让组件抽离、逻辑代码复用更加灵活。

天問_专注于大前端技术·2023-04-12 17:56

Vue2.x全家桶

Vue2.x1、Vue简介1.1、官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/1.2、介绍与描述1、Vue是一套用来动态构建用户界面的渐进式JavaScript框架构建用户界面：把数据通过某种办法转换成用户界面渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的Vue插件2、作者：尤雨溪1.3

Nakano_May·2023-04-12 11:35

极简系列---vue2.x消息组件message

亿个小目标本文代码仓库：https://github.com/littleluckly/vue2.x-comonents-study实现一个小小目标—极简版的messge消息组件支持多种调用方式1.组件内this.$message方式调用2.在.js文件中作为一个函数独立使用支持手动关闭message素材准备素材准备：一个普通的message.vue单文件组件接受两个参数：消息文本message、

勤学daydayup·2023-04-11 17:43

vue2.x 自定义组件横向滚动菜单 - 升级版

无图无真相！！！lz_menu2.gif需求：点击选项，滚动到中间，外部可以传入选中时颜色背景色等。开发环境vue2.xscss组件LzMenu.vue{{item.name}}exportdefault{name:"lz-menu",props:{menuItems:Array,DefaultIndex:0,iColor:{type:String,//未选中文本颜色default:"#333",

微笑中的你·2023-04-11 15:08

基于bpmn-js的流程设计器

文章目录基于bpmn-js的流程设计器一、技术栈二、功能列表三、代码1.package.json2.路由3.样式4.高亮5.下载文件6.国际化7.vue组件参考资料基于bpmn-js的流程设计器基于Vue2

格一物·2023-04-11 15:33

VHC - 一款基于 vue3 的移动端日期、时间选择插件功能丰富文档细致

https://github.com/TangSY/vue3-hash-calendar码云gitee：https://gitee.com/HashTang/vue3-hash-calendar其他版本vue2

HashTang·2023-04-09 19:52

Vue 组件化开发

创建组件构造器对象调用Vue.extend()创建的是一个组件构造器通常在创建组件构造器时,传入template代表我们自定义组件的模板该模板就是在使用到组件的地方,要显示的HTML代码事实上,这种写法在Vue2

coderlion·2023-04-09 11:28

vue中引入TinyMCE实现富文本编辑器

整片文章是以vue2.X引入tinymce富文本编译器首先，先确认你的vue版本是2还是3，查看项目的package.json中vue的版本，我的是2.5.2一共两个步骤vue工程中安装tinymce将富文本编译器封装成组件将组件引入到页面中进行使用下面是详细步骤

努力的小球·2023-04-08 12:10

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个

九旬大爷的梦·2023-04-08 06:29

TypeError: Cannot read property ‘parseComponent‘ of undefined解决办法

如果从vue2.x升级到vue3.x时候出现，项目无法启动，并出现如下报错命令的时候：这个是由于vue的版本与vue-template-compiler不一致导致的，先更新vue-template-compiler

任磊abc·2023-04-07 05:44

vue2.x computed vs methods

如何理解vue2.x官网计算属性是基于它们的响应式依赖进行缓存的以以下代码为示例,会发现除了计算属性不变,methods会随startTime的变更时重绘画面会重新执行,由于计算属性是响应式依赖进行缓存的

Nelson_sylar·2023-04-06 20:37

vue2.X版本使用小技巧总结（部分应该支持3.0）

1.require.context()1.场景:如页面需要导入多个组件,原始写法:importtitleComfrom'@/components/home/titleCom'importbannerComfrom'@/components/home/bannerCom'importcellComfrom'@/components/home/cellCom'components:{titleCom,

小虾米前端·2023-04-06 14:04

Vue引入vue-qr组件实现生成二维码，且实现在二维码中间加入logo图片功能

SumiMakito的Awesome-qr.js的Vue2.x组件适用于Vue.js的二维码组件！

一条爱学习的咸鱼·2023-04-06 10:17

vue2.x和vue3.0在scss样式中使用深度选择器的区别

在vue2.x中，使用scss时，深度选择器是::v-deep，/*vue2.x*/::v-deep.ant-form-item{width:100%;}/*这样即可生效*/在vue3.0中，由于::v-deep

Joemoninni·2023-04-05 09:22

Vue-ajax

vue项目中常用的2个ajax库1、vue-resourcevue插件,非官方库,vue1.x使用广泛2、axios通用的ajax请求库,官方推荐,vue2.x使用广泛vue-resource的使用1、

qianxun0921·2023-04-05 06:31

[译]如何用 Typescript 写一个完整的 Vue 应用程序

HowtowriteaVue.jsappcompletelyinTypeScript原文作者：PreetishHS译者：Gopal译者推荐：Typescript和Vue都是现在前端必备的知识，本文基本覆盖了目前Vue2

Gopal·2023-04-04 12:25

0基础学习vue2.x以3.x版本笔记day1

一、介绍：我们这先从vue2版本开始介绍，摘自vue2.x官网(介绍—Vue.js)的一句话,Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。

把柄·2023-04-04 09:11

Vue学习笔记03：Vue基础入门

1.3使用vue构建用户界面1.4解读核心关键词：框架1.5总结：什么是vue2.vue的特性2.1数据驱动视图2.2双向数据绑定2.3MVVM2.4MVVM的工作原理3.vue的版本3.1vue3.x和vue2

双-鱼·2023-04-04 05:25

Vue 3.0 响应性基础

JavaScript对象创建响应式状态，可以使用reactive方法：import{reactive}from'vue'//响应式状态conststate=reactive({count:0})reactive相当于Vue2

coderChenzr·2023-04-04 01:14

Vue 3.0 响应性基础【Vue3 从零开始】

JavaScript对象创建响应式状态，可以使用reactive方法：import{reactive}from'vue'//响应式状态conststate=reactive({count:0})reactive相当于Vue2

Blur Blue·2023-04-04 01:24

Vue动态样式方法总结

Vue动态样式实现方式前言本文主要针对Vue2.x来展开vue的动态css样式方法归纳。如果亲爱的读者们需要，后续会更新Vue3的动态样式方法或者使用TypeScript来实现。

SuperYiY·2023-04-04 00:38

Vue2.x项目SPA的SEO解决方案(预渲染-Prerendering)

Copyright2019-06-03,JachinQQ:381558301Email:[email protected]前端最主要的任务除了是界面展示和业务逻辑处理，当然还有对Crawler/Spider/Robot的识别机制要有所了解；搜索引擎的准确适配，才能使自己的项目/产品展现在目标用户里。但是现在普遍的网络爬虫算法只抓取静态资源，对于javascript脚本基本一概略过。（但是Google

JachinZhou·2023-04-04 00:17

vue2.x 使用pdf.js预览pdf文件

1.下载pdf.js资源包下载地址：http://mozilla.github.io/pdf.js/getting_started/#download2.解压资源包放到根目录\public\static\pdf，没有static的需要手动创建，这个结构是固定的，不然用不了，会报错UncaughtSyntaxError:Unexpectedtoken'//文件流转blob地址constblob=ne

龍矣·2023-04-04 00:17

vue 项目 SEO 解决方案 - 预渲染

文章目录1、创建vue2.x项目2、prerender-spa-plugin3、vue-meta-info4、流程5、注意我们都知道VUE、React这种框架写的项目都是js动态渲染的页面，这样就无法用爬虫拿到页面上的静态资源

三个木马人·2023-04-04 00:20

Vue2.x组件间通信汇总表

分享一篇以前做Vue2.x开发时总结的组件通信汇总一、组件间通信方式表序号方式使用场景演示代码说明1props父=>子(属性传参)√接收数据:子组件中props定义接收;派发数据:父组件中绑定数据进行派发

蚂蚁二娘·2023-04-03 18:44

Vue Cropper - 基于 Vue 开发的图片裁剪插件，简单好用、免费开源，支持 Vue2 和 Vue3

VueCropper插件的技术特性基于Vue开发，支持最新的Vue3.x，兼容Vue2.x支持Vite和TypeScr

那些免费的砖·2023-04-03 09:48

vue3学习笔记

main.jsApp.vueHelloWorld.vuebabel.config.jsjsconfig.jsonpackage.jsonvue.config.jsindex.html3.setup4.ref函数5.reactive函数6.Vue3.0中的响应式原理vue2

ps酷教程·2023-04-02 16:54

Vue：（三十六）Vue3.0第一弹

Vue2.x中的基础知识基本就告一段落了，接下来就快速的把Vue3.0中的相关改动内容过一遍。

空谷有来人·2023-04-02 07:18

vue3.0的组件怎么使用，有什么作用？

使用过Vue2.x的朋友一定对组件的属性非常熟悉，其实Vue3.0的属性用法和Vue2.x的差

a无聊·2023-04-02 00:32

脚手架搭建

下载vue/cli包命令行工具npmivue/cli-g2、vuecreatemytest//vue3.x的命令需要再安装一个vue/cli-servicevueinitwebpackmytest//vue2

Betterthanyougo·2023-04-01 12:11

VUE3对比VUE2的优势及新特性原理

1.Vue3.0新特性性能比Vue2.x快1.2~2倍原因1：diff方法优化：vue2中的虚拟dom是全量的对比（每个节点不论写死的还是动态的都会比较）vue3新增了静态标记（patchflag）与上次虚拟节点对比时

zxo_apple·2023-04-01 06:07

2022-12-20【技术】Vue2的12种组件通信(上)

Vue2.x组件通信方式Vue2.x组件通信共有12种props$emit/v-on.syncv-modelrefparentlistenersprovide/injectEventBusVuex$rootslot

平凡的雪夜冬天·2023-04-01 02:18

Vue3 新特性

类似ReactHooks2Treeshakingsupport支持摇树优化按需编译，体积更加轻量化3BetterTypeScriptsupport对Ts提供了更好的支持4Performance性能上比Vue2

橘子_果酱·2023-03-31 05:30

在vue-cli中使用threejs，并实现鼠标控制移动，以及点击交互效果

这里假设已经了解threejs中基本的三要素等基础知识如题，前戏不多，直接提枪上阵第一步：创建一个vue-cli项目按照vue-cli官网方式创建,这里话不多说，不需要过多设置，能运行起来就欧克（当然是vue2

风筝啊·2023-03-30 22:23

使用vue-cli3脚手架创建项目的系列报错

它是用“vuecreatexxx”创建项目但是在编译代码的时候莫名有特别多的报错信息，下面我来浅浅说一下我的解决方案vuecreatexxx创建项目我就是正常创建，可以看之前的这篇文章，只不过选择的是vue2

潮汐未见潮落·2023-03-30 21:33

Vue.set与this.$set源码

$set()应用的场景我的博客：https://blog.itwk.cc在Vue2.X项目开发中，有时候需要对数组进行修改，或是对对象新增一个属性，但是发现页面并不会同步更新。

爱写代码的小白.·2023-03-30 08:02

vue专题之webstorm创建vue2.x项目【二】

一、背景注意：本文是基于vue-cli2.x版本的项目创建3.x以上项目创建请看【点击访问】vue-cli版本更换/查询【点击访问】安装好vue的开发环境之后，可以用命令创建vue项目，也可以用开发软件创建，这里选webstorm。ps：vue开发环境搭建详见：vue专题之开发环境与项目搭建【一】下面开始创建项目二、新建项目点击webstorm菜单栏的file>new>project需要注意的是，

cy谭·2023-03-29 14:07

Vue3为什么要使用组合式API——Vue3的组合式API和Vue2的选项式API的优缺点

Vue2.x中的组件定义方式是通过一个对象来描述组件的选项

Modify_QmQ·2023-03-28 21:00

关于iphone手机 iframe中的页面滚动的时候会自动返回顶部BUG

应用场景：vue2.x项目，页面iframe嵌入外链，如嵌入https://qq.com，在ios12.1.12的safri中浏览，滚动iframe元素，当滚动动画结束后，出现自动返回顶部问题解决方法：

shawbs·2023-03-27 01:26

js实用技巧

diviner_杨·2023-03-26 13:52

推荐频道

vue2.x