vue2.0 第25页

跟技术胖学vue3.0(typescript版)(一) 环境搭建 , 工程创建 , 工程结构

from=search&seid=2979047174353974296vue3.0新特性vue3.0向下兼容vue2.0性能提升了很多使用compositionAPI解决复杂

finedayforu·2020-10-14 22:16

web前端高级VUE - vue2.0与vue3.0双向数据绑定的实现原理及区别

vue2.0实现双向数据绑定原理vue2.0中通过利用Object.defineProperty方法监听属性的get和set方法来实现对数据的双向绑定，看如下示例：Name:letobj={name:'

一笑程序猴·2020-10-12 14:28

Vue组件库Mint UI

安装:npmimint-ui-S关于事件绑定在Vue2.0中，为自定义组件绑定原生事件必须使用.native修饰符：ClickMe从易用性的角度出发，我们对Button组件进行了处理，使它可以监听click

唯轩_443e·2020-10-11 12:18

购物车部分功能的实现

这个案例是慕课网上看到的一个关于vue2.0纯静态页面demo由于原demo功能不够完善，所以，想着完善一下发出来供大家参考交流一下。

缘自世界·2020-10-10 16:50

学vue第一记：Vuejs整合bootstrap和jQuery

一.vue2.0环境下1.创建vue项目npminitwebpacknew-vue2.安装jQuerynpminstalljquery--save如果想查看npm上jquery有哪些版本，可以执行命令：

ai耳边的呢喃·2020-10-10 09:44

vue2.0以上如何配置mock数据

因为vue2.0删除了build文件夹下的dev-serve.js文件和dev-client.js文件，所以我们可以在webpack.dev.conf.js文件下进行配置，配置文件步骤如下:1、找到constportfinder

前端boy·2020-10-06 10:40

vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2的process.env.BASE_API

前几天Vue3.0正式发布，也说明了Vue3.0后面不会再有大规模改动，大家可以开始系统性学习了，虽然目前大多数公司使用的还是Vue2.0，但这只是一个过渡阶段，Vue3.0经历了两年的开发，在去年Vue2.0

文化沙漠麦七·2020-09-28 09:15

vue项目中使用sass预处理

首先先安装依赖包执行npminode-sass--save-devnpmisass-loader--save-dev这里值得一提的是使用save会在package.json中自动添加然后vue2.0中要在项目中的

Isworking·2020-09-17 15:20

【axios】axios 用法详解 --------vue2.0学习

功能特性:在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持PromiseAPI拦截请求和响应转换请求和响应数据自动转换JSON数据客户端支持保护安全免受XSRF攻击用法:1.安装axiosnpminstallaxios--save-dev2.在main.js中引入axiosimportaxiosfrom'axios'3.将axios改写为Vue的原型属性Vue

XSP_csdn·2020-09-17 12:41

Vue+Element 实现excel的导入导出

Vue+Element实现excel的导入导出在最近项目中，用到了模板下载与批量上传的功能，下面是实现步骤（本地环境是@vue/cli4.3.1+element，vue2.0可能会有报错，自行调整即可）

落日长烟·2020-09-17 12:01

Vue PC端组件库

1.ElementElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库文档|github地址2.iView一套基于Vue.js的高质量UI组件库文档|github地址3.vue-element-adminvue-element-admin

CMDCC20·2020-09-17 11:31

vue2.0之axios使用详解

axios基于Promise的HTTP请求客户端，可同时在浏览器和node.js中使用功能特性在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持PromiseAPI拦截请求和响应转换请求和响应数据自动转换JSON数据客户端支持保护安全免受XSRF攻击浏览器支持安装使用bower:使用npm:例子发送一个GET请求//Makearequestforauserwit

aotun7642·2020-09-17 11:22

学习vue之windows下安装live-server 超级详细篇

最近项目要求用vue2.0所以开始着手学习。前期准备：下载Node.js地址：http://nodejs.cn/download/选择自己对应的版本，我下载的是.msi64位的然后就双击下一步吧。

weixin_34075551·2020-09-17 06:47

使用Element UI框架（基于vue2.0）的upload组件上传图片至七牛云

整体流程如下：下面我们开始具体的流程：一、写一个后台接口，用于生成七牛token这里我使用的是python的tornado框架写的该接口，接口路由地址：/qiniu/upload/getToken如果，你的前端和后台项目不是部署在一台服务器上或者部署在一台服务器上端口号不同的情况下，你需要考虑到跨域问题，python后台接口设置允许跨域的简单配置如下：二、在前端页面引入upload组件官网地址El

sufaith_dev·2020-09-17 06:50

vue2.0中点击其他区域关闭弹窗

闲言碎语不用讲，直接上代码1、vue模块中的内容打开弹窗下载需求是点击除了下载按钮外的其他地方，关闭弹窗。2、定义变量data(){return{msgShow:false}}3、方法methods:{msg:function(){this.msgShow=true;},closeMsg:function(event){varbtn=document.querySelector(".app-dow

hsany330·2020-09-17 01:27

vue2.0封装axios公共请求方法(promise)

在vue项目src文件夹目录下新建文件夹api，然后在此文件夹下新建axiosConfig.js：importaxiosfrom'axios'importqsfrom'qs'import{Toast}from'vant';importrouterfrom'../router/index'//默认配置axios.defaults.withCredentials=false//axios.defaul

慢半拍、·2020-09-16 22:51

vue入门

特点是数据绑定比如你改变一个输入框Input标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值数据绑定组件化页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来组件化Vue2.0

WuFatBoy·2020-09-16 19:05

Vue2.0 从环境搭建到发布（新手完全填坑攻略）

拼搏的小叔·2020-09-16 18:52

vue2.0那些坑之使用elementUI后v-on:click事件不生效问题

最近学习使用vue2.0,的过程中遇到了大大小小不少坑，这里讲一下v-on指令，我在项目中引入了elementUI,进行布局，代码如下：但是再出发外层盒子，点击事件时，但是没效果，检查代码，没错也没报错

yufengaotian·2020-09-16 17:09

vue2.0项目使用wangEditor富文本编辑器

首先npminstallwangeditor 然后，直接写就行，也无需引入css样式欢迎使用wangEditor富文本编辑器exportdefault{mounted(){varE=require('wangeditor')vareditor=newE('#editor')editor.customConfig.uploadImgShowBase64=true//img图片转成base64格式，需

叶落森·2020-09-16 17:53

vue2.0监听数组中对象属性的变化

vue项目中如何对数组中的对象属性变化进行监听呢?data(){return{aDemo:[{key1:'',key2:''}]}},watch:{aDemo:{handler:function(newVal){console.log(newVal)},deep:true//深度监听}}

若晨工作室·2020-09-16 17:53

Vue2.0实现调用摄像头进行拍照功能以及图片上传功能引用exif.js

可以在github上下载demo链接https://github.com/fongdaBoy/Vue2.0ComponentDemovue组件代码import{Exif}from'./exif.js'exportdefault{data(){return{headerImage:'',picValue:''}},mounted(){},methods:{upload(e){letfiles=e.t

fongdaBoy·2020-09-16 15:53

VUE2.0 创建项目步骤

1、安装node.js安装完成后，可以命令行工具中输入node-v和npm-v，如果能显示出版本号，就说明安装成功。2、安装vue-clinpminstall-gvue-cli（npm安装方法）npminstall-gcnpm--registry=https://registry.npm.taobao.org（安装cnpm淘宝镜像）cnpminstall-gvue-cli（cnpm安装方法安装快一

lzfengquan·2020-09-16 12:27

vue中几种请求服务端数据的方法

由于vue2.0已停止对vue-resource的支持，所以还是推荐使用axios来和后台进行通信。

yoyo--·2020-09-16 11:29

vue2.0返回上一页

vue版本为2.0+且使用了Vue-router@click="$router.back(-1)"

东黧·2020-09-16 10:10

Vue2.0 解决watch对象属性变化监听不到问题

很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deepwatch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决办法了。解决为啥出现这种问题？受ES5的限制，Vue.js不能检测到对象属性的添加或删除。请参照https://v1-cn.vuejs.org/guide/reactivity.html解决方式：通过vue的this.$set(o

Q-u-a-n·2020-09-16 10:36

vue 虚拟DOM和diff算法

vue2.0为了降低watcher的粒度，从细粒度转变为了中等粒度，每个组件只有一个watcher与之对应，只有引入diff才能精确找到发生变化的地方。vue中diff执行的时刻是组件实例执行其更

IamSmaLLR.·2020-09-16 08:04

vue2.0 transition -- demo实践填坑

[转载]博客园JR93，郭锦荣前言vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候，虽然比1.0版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地介绍了各种应用场景，但是这里还是通过几个小demo案例来感受下

fate_zrr·2020-09-16 05:09

vue2.0 router-view解决办法以及自定义v-header

main.js配置//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'Vue.config

fate_zrr·2020-09-16 05:10

vue2.0 配置绝对路径

在vue开发项目中需要对路径进行设置。最简单的就是设置为绝对路径。找到项目中的build文件夹下的webpack.base.conf.js只需要看上面的配置图片即可。其实很简单的。

well2049·2020-09-16 04:24

vue 中的cookie使用

一，安装饼干在Vue2.0下，这个貌似已经不需要安装了。因为当你创建一个项目的时候，npminstall已经为我们安装好了。

歪歪100·2020-09-16 04:15

Vue2.0实现调用摄像头进行拍照功能以及图片上传功能引用exif.js（2）

可以在github上下载demo链接https://github.com/fongdaBoy/Vue2.0ComponentDemovue组件代码import{Exif}from'./exif.js'exportdefault{data(){return{headerImage:'',picValue:''}},mounted(){},methods:{upload(e){letfiles=e.t

fongdaBoy·2020-09-16 03:25

vue2.0实现引用qrcode.js实现获取改变二维码的样式

可以在github上下载demo链接https://github.com/fongdaBoy/Vue2.0ComponentDemovue代码exportdefault{data(){return{}},created(){},mounted(){this._getQart()},methods:{_getQart:function(){if(this.i==false){varqrcode=ne

fongdaBoy·2020-09-16 03:24

vue2.0中的组件通信2——子组件向父组件传递数据

上一篇我写了父组件如何向子组件下发数据的操作，今天我们来聊聊子组件如何向父组件发送数据。在Vue.js中是通过事件来完成子组件向父组件发送数据的。代码沿用上一篇的结构。上代码：初始状态子组件childOne.vue中先写好需要发送的数据父组件app.vue效果：然后开始进行数据发送：在子组件中增加一个按钮并未按钮绑定一个发送数据的事件sendData：在方法中调用$emit:官方文档描述：触发当前

wei_bo_ren·2020-09-16 02:25

vue2.0中的组件通信操作1——父组件向子组件下发数据

Vue.js最大的特性之一就是组件化开发方式，带来的一点小问题就是数据分散到了各个组件中，不像传统的一个.html页面的基本上所有的数据都在一个页面上无缝操作。Vue.js中也有实现数据共享的机制，在Vue.js中叫做组件通信，简单来说就是在组件之间完成传递数据的操作。你想要它手里的数据，可以拿到，他想要你的数据，也可以获取。那么，组件通信如何实现呢？组件一般可以分为父子组件和兄弟组件，我们先来看

wei_bo_ren·2020-09-16 02:25

vue 移动端PC端选用的ui框架

（pc端）一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。Element是饿了么前端开源维护的VueUI组件库，更新频率还是很高的，基本一周到半个月都会发布一个新版本。

dianwan5205·2020-09-16 02:25

在Vue中如何使用Cookie操作实例

一、安装Cookie在Vue2.0下，这个貌似已经不需要安装了。因为当你创建一个项目的时候，npminstall已经为我们安装好了。我的安装方式如下：?

beichen3997·2020-09-16 02:37

vue填坑系列之去掉链接地址中的#符号

vue2.0路由模式mode="history"的作用特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题；大家都知道，路由地址都是以"#"形式展示，但是有些时候

xuxinwen32·2020-09-16 02:08

vue2.0去除url中的#/

//例子，自行對應到你項目的代碼constrouter=newVueRouter({routes,mode:'history',scrollBehavior(to,from,savedPosition){//如果你的連結是帶#這種//to.hash就會有值(值就是連結)//例如#3if(to.hash){return{//這個是透過to.hash的值來找到對應的元素//照你的html來看是不用多加

曾曾曾Sir·2020-09-16 02:19

vue2.0中配置文件路径

在build/webpack.base.conf.js中添加一些代码即可module.exports={resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist/vue.esm.js','@':resolve('src'),'components':path.resolve(__dirname,'../src/compon

weixin_30852419·2020-09-16 02:38

vue2.0阻止事件冒泡

编辑确定出现的问题：点击picker_alert元素也会触发picker_wrap绑定的click事件解决办法：阻止事件冒泡在picker_alert元素加上@click.stop事件修饰符在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在methods中轻松实现这点，但更好的方式是：methods只有纯

weixin_30408739·2020-09-16 02:04

Vue中的情侣属性$dispatch和$broadcast详解

但是由于其显功能缺陷，在Vue2.0中就被移除了。

暮　色·2020-09-16 01:10

Vue框架Element的事件传递broadcast和dispatch方法分析

前言最近在学习饿了么的Vue前端框架Element，发现其源码中大量使用了$broadcast和$dispatch方法，而Element使用的是Vue2.0版本，众所周知在Vue1.0升级到2.0中去除了

aijijia1997·2020-09-16 01:41

钉钉微应用开发体验及心得

框架选择作为一个vue的忠实粉丝，这次也肯定想用vue进行开发，考虑到vue2.0还没有很好的移动端UI框架，所以这次试用了更成熟的vue1.0的ui框架vu

weixin_33806914·2020-09-16 01:30

vue2.0中使用sass

1.使用淘宝镜像安装sass依赖包$cnpminstallsass-loadernode-sassvue-style-loader--D2.打开build文件夹下面的webpack.base.config.js，修改module为：module:{rules:[{test:/\.vue$/,loader:'vue-loader',options:vueLoaderConfig},{test:/\.

仕古雪月·2020-09-15 23:12

简单的前端Vue开发环境

我在网上看到的Vue2.0的windows开发环境需要包括Node.js，npm，webpack，vue-cli。

ItsWalter·2020-09-15 19:35

vue2.0：（三）、项目开始，首页入门（main.js，App.vue,importfrom）

接下来，就需要对main.jsApp.vue等进行操作了。但是这就出现了一个问题：什么是main.js，他主要干什么用的？App.vue又是干什么用的？main.js里面的importfrom又在干嘛？newVue（{}）是干嘛的？里面又需要什么参数，它到底能干什么。在网上搜了一篇博文，解答一些初级的困惑。一、什么是main.js?里面一般都是些什么内容？1、main.js程序入口文件，是初始化v

weixin_34087307·2020-09-15 18:29

vue 动态组件(component :is) 和 dom元素限制(is)用法说明

一、is的使用参考Vue2.0教程，有讲到is的使用：解析DOM模板时的注意事项有些HTML元素，诸如、、和，对于哪些元素可以出现在其内部是有严格限制的。

·2020-09-15 17:44

对vue中用到的axios做下简单总结介绍

Axios：Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中，是http的客户端由于在做vue项目，Vue2.0之后，尤大大推荐大家用axios替换vue-resource

weixin_44409702·2020-09-15 16:24

手写vue2.0双向绑定原理

asdasdletarr=document.querySelectorAll("[v-model='rua']")letobj={}Object.defineProperty(obj,"v-model",{set(val){for(xinarr){arr[x].innerText=val}}})document.querySelector("[v-model='rua']").addEventLi

fanrax·2020-09-15 14:16

推荐频道

vue2.0