Vue2.0 第42页

vue2.0 prop的使用

个人觉得Prop的使用需要注意四点：第一点：使用DOM中的模板时，camelCase(驼峰命名法)的prop名需要使用其等价的kebab-case(短横线分隔命名)命名HTMLVue.component('blog-post',{//在JavaScript中是camelCase的props:['postTitle'],template:'{{postTitle}}'})JS第二点：传递静态或动态P

马优晨·2020-07-05 03:02

vue2.0学习——使用webstorm创建一个vue项目

https://blog.csdn.net/weixin_40877388/article/details/80911934https://www.jianshu.com/p/ad8c3b480ef3https://cloud.tencent.com/developer/article/1398382背景：小白自学vue，翻阅了好多大神的博客，看了网上很多的视频，过程很吃力，好在功夫不负有心人，磕

qq_20398345·2020-07-05 03:35

Vue2.0 :父子传值、非父子组件传值方式

一.父子组件通讯1、父组件中如何集成子组件1.1、定义子组件1.2、在父组件导入并且注册子组件1.3、在父组件的template中使用即可2、父组件如何传值给子组件【通过Props】传值方(父组件)接收方(子组件)props3、子组件如何传值给父组件【通过自定义事件】传值方(子组件)this.$emit('事件名称',载荷)接收方(父组件)使用子组件的时候，注册自定义事件，并且写好处理函数，通过处

qiqiwei168·2020-07-05 02:27

vue2.0知识点汇总

Vue简介数据流Vue实例对象vue常用指令class结合v-bind使用methods和v-on的使用v-on高级用法v-for的使用简单学生添加删除案例父子组件使用父传子父组件向自组件传递数据子组件向父组件通信vuebusvue高级vue过滤器获取DOM元素vue-router命名路由router-link参数传递编程式导航原生监听锚点值改变重定向和404多视图模式嵌套路由vue-resour

Lambda程序员·2020-07-05 02:40

Vue中的虚拟DOM详解

Vue2.0引入了虚拟DOM，比Vue1.0的初始渲染速度提升了2～4倍，并大大降低了内存消耗。

show_code·2020-07-05 02:39

Vue桌面端组件库：Element

Element饿了么前端出品的一套基于Vue2.0的桌面端组件库，可用来构建中大型后台管理项目1.1、搭建elementUI脚手架(vue-admin-template)#Cloneprojectgitclonehtt

CodeMT·2020-07-05 01:42

vue2.0 子组件改变props值，并向父组件传值

vue2.0子组件改变props值，并向父组件传值为什么我们会有修改prop中数据的冲动呢？

FinGet_·2020-07-05 01:44

Vue组件之间的数据传递

在Vue2.0子父组件通信这篇文章聊到过无论是父向子传值还是子向父传值，都需要一个中间介质。

mxf_bear·2020-07-05 00:41

vue2.0父子组件以及非父子组件如何通信

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：//这里必须要用-代替驼峰data(){return{msg:[1,2,3]};}子组件通过props来接收数据:方式1：props:['childMsg']方式2:props:{childMsg:Array//这样可以指定传入的类型，如果类型不对，会警告}方式3：props:{childMsg:{type

mr_fzz·2020-07-05 00:36

结合源码解析vue2.0的diff算法

目录前言virtualdom分析diff总结前言vue2.0加入了virtualdom，有向react靠拢的意思。

maogugu0319·2020-07-05 00:21

VUE2.0 element upload使用

选取文件导入只能上传jpg/png文件exportdefault{data(){return{fileList:[]}},mounted:function(){//加载完页面执行的函数},methods:{submitUpload(){this.$refs.upload.submit();},handleRemove(file,fileList){console.log(file,fileList

你蠢哭我咯·2020-07-04 23:39

（十三）vue之自定义指令

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。

lw_1994·2020-07-04 23:57

Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值

Vue2.0传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？

lander_xiong·2020-07-04 20:01

vue2.0使用websocket的简单demo

1.首次接触websocket，花了一天多的时间寻找相关资料，参考了网络上的相关例子（https://www.cnblogs.com/qilin-3611/p/7054270.html），整理出一个简单前端、后台demo，后台demo直接使用链接中的文章的demo，下载后部署在8.0以上的tomcat，jdk为1.8此处给出简单的前端代码：发送消息关闭websocket连接{{data}}expo

Ivor_Chan·2020-07-04 19:04

9、vue2.0子组件触发父组件的方法,父组件接收子组件的方法

方法一：子组件：提交exportdefault{methods:{submit:function(){//子组件中触发父组件方法ee并传值cc12345this.$emit('ee','cc12345')}}}父组件：exportdefault{methods:{cc:function(str){alert(str)}}}方法二：子组件：提交exportdefault{props:{onsubmi

fongdaBoy·2020-07-04 18:20

Vue2.0父组件向子组件传值，动态修改数据问题[props导致的问题]

在Vue2.0中，项目开发时遇到的问题。

闻人放歌·2020-07-04 18:13

vue2.0 父子组件之间的通信问题

概要：父组件向子组件通信：props属性子组件向父组件通信：$emit()触发事件，$on()监听事件在vue1.0中可以使用$dispatch和$broadcast来实现向上派发事件和向下广播事件;事件说明$on(事件名)事件名的类型是字符串（下同），调用它可以通过this.$on()来调用；$emit(事件名,参数)用于触发事件，参数是用于传递给事件的参数。这个用于触发同级事件（当前组件的）$

兰亭古墨·2020-07-04 17:13

VUE2.0 父组件传值给子组件初始化用

父组件中调用子组件autoSelect(我的项目里autoSelect是一个公共组件)子组件autoSelect中使用props接收参数exportdefault{props:{name:{type:String,default:''}},data(){return{selectContent:''}},watch:{name:{handler:function(newValue,oldValue

前端的南姐·2020-07-04 17:24

elementUI简单应用以及nodeJs配置

elementUIElementUI简介：我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库

浩梦溪·2020-07-04 17:33

vue安装axios

原文：https://blog.csdn.net/oqqakun1/article/details/80842959axios:vue2.0之后，就不再对vue-resource更新，而是推荐使用axios

不屑哥·2020-07-04 16:56

Vue2.0仿饿了么webapp单页面应用

Vue2.0仿饿了么webapp单页面应用声明:代码源于黄轶老师在慕课网上的教学视频，我自己用vue2.0重写了该项目，喜欢的同学可以去支持老师的课程：http://coding.imooc.com/class

dengbeizhuo8768·2020-07-04 14:23

vue.js----之router详解（三）

在vue1.0版本的超链接标签还是原来的a标签，链接地址由v-link属性控制而vue2.0版本里超链接标签由a标签被替换成了router-link标签，但最终在页面还是会被渲染成a标签的至于为什么要把

bansha1495·2020-07-04 11:20

vue2.0，jsonp的一个小案例请求百度搜索的接口

vue2.0，jsonp的一个小案例请求百度搜索的接口前言:Big-man接触了浏览器跨域的知识，但是单独写一篇跨域的文章，相信Big-man的小伙伴们都不会仔细地去推敲和采纳，所以干脆引用一个实例去进行处理了

JD9·2020-07-04 09:07

2018年最值得关注的30个Vue开源项目

NO.1Element：一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库[Githubstar：22004]。

MySunshine07·2020-07-04 07:35

vue2.0之父子组件通信的理解

最近在学习用vue2.0进行项目的开发，由于接手项目的时候，项目的完整架构已经搭建完毕，为了不破坏之前的项目，我就采用了比较古老的写法，说实话不采用es6的语法去写，有好多事情都变得比较麻烦了，不过原理还是一样的

shunchenggong·2020-07-04 02:20

vue2.0父子组件传值

在vue开发中，我们经常需要在子组件使用父组件的数据，父组件使用子组件的数据，其实vue提供了这两个方法。1.子组件向父组件传值，在父组件内声明变量，子组件接受用props：例如.父组件：{{message}}{{num}}importhellofrom"@/components/HelloWorld"exportdefault{data(){return{message:"我是父组件我要传的值是

dayingzi7969·2020-07-04 00:58

【Vue2.0】mint-ui解决IOS端picker和datetime picker穿透滚动问题

前言：在使用mint-ui的弹框时，滚动弹框内部分区域，会导致页面滚动。使用datetimepicker时，只有ios会出现这个问题；而picker在安卓和ios上都有这个问题。一、解决办法解决思路：弹出层打开时禁止body的滚动事件，弹出层关闭时回复body的滚动事件。//vue数据变量区data(){/*----------监听函数---------*/handler:function(e){

qq_26780317·2020-07-02 17:31

vue2.0 获取从http接口中获取数据，组件开发，路由配置

vue2.0从接口中获取数据Iamatitle.writtenby{{author}}{{admin.name}}{{admin.password}}importaxiosfrom'axios'exportdefault

ShowMeTheCode21·2020-07-02 16:44

4、electron-vue安装element-ui

安装ElementUI是一套采用Vue2.0作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本，具体用法请参考ElementUIyarnaddelement-ui

诺风丶·2020-07-02 15:12

vue1.0- autocomplate

自动补全插件有很多，比如jquery.typeahead.js，vue2.0中可以用element的组件库，vue1.0中目前还没发现好的组件库，就自己模仿写一个：使用vue1.0脚手架。

幕后煮屎者p·2020-07-02 09:25

vue2.0兄弟组件传值

A组件和B组件是兄弟组件，A向B传值借助Bus.js来传值A组件通过事件触发，使用$emit()来传值//引入公共的bus，来做为中间传达的工具importBusfrom'@/bus.js'exportdefault{data(){return{name:4}},methods:{elementByValue(){Bus.$emit('val',this.name)}}}B组件通过$on事件来接收

sunshine0670·2020-07-02 08:03

vue3.0尝鲜与对比

1.实现数据响应的不同Vue2.0使用Object.defineProperty()实现数据响应Object.observe()被废弃后，Object.defineProperty()成为了大家实现数据劫持的首选

kotoriyou·2020-07-02 07:01

vue2.0 点击跳转传参--vue路由跳转传参数

vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转1.router-link1.path->是要跳转的路由路径,也可以是路由文件里面配置的name值,两者都可以进行路由导航2.params->是要传送的参数,参数可以直接key:value形式传递3.query->是通过url来传递参数的同样是key:value形式传递//2,3两点皆可传

hukancheng·2020-07-02 03:20

better-scroll实现菜单和列表的双向滑动功能

1.引入importBScrollfrom'better-scroll'2.使用html//使用vue2.0"ref"属性便于访问和获取dom元素jsimportBScrollfrom'better-scroll

边沉·2020-07-02 00:21

keyup事件规避多次调用服务

背景：vue2.0框架目前存在的问题键盘每押下一次调用接口，请求频率过高，增加服务器压力多次调用接口，响应时间短的先返回，响应顺序和请求顺序对应不上。

jinya2437·2020-07-02 00:23

Vue2.0实现高仿饿了么项目里的小球飞入动画

项目是基于vue1.0的，如果是vue2.0的项目，该如何实现呢？

大洋彼岸789·2020-07-01 23:37

weui+Element+vue

后端：网站快速成型工具Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库https://element.eleme.cn/#/zh-CN手机端：weui为小程序，微信，企业微信

cxzhq2002·2020-07-01 21:39

解析vue2.0的diff算法

解析vue2.0的diff算法前言virtualdom分析diff源码分析patchVnodeupdateChildren具体的diff分析总结前言vue2.0加入了virtualdom，有向react

Never Yu丶·2020-07-01 21:05

Node.js + Vue.js 全栈开发王者荣耀手机端官网和管理后台

Element-UI，网站快速成型工具,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库Element-UI中文官网地址E

雪域迷影·2020-07-01 19:52

vue2.0原理的理解

页面dom操作方式：(1).直接dom节点操作，我们命令什么，她就做什么（js和jq这种方式）(2).输入数据状态变化，输入视图，无需观察他是否做了什么操作（vue和react）系统数据变化分为两种:第一种是系统不可感知数据变化，典型框架react和angular，他们不知道数据什么时候变了，但是它们师徒是什么时候去更新的呢？比如react就是通过setState发信号告诉系统可能数据变化了，然后

枫叶的影子·2020-07-01 16:02

Vue2.0 事件发射与接收

由于vue2.0移除了1.0中的$dispatch和$broadcast这两个组件之间通信传递数据的方法,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了一个空的vue实例就可以做到

K3v·2020-07-01 15:00

vue双向绑定原理之Object.defineProperty的应用

众所周知，vue2.0的双向数据绑定使用es6的Object.defineProperty方法实现的，本文我讲会为大家仔细讲解之间的实现原理。

yumang111·2020-07-01 13:57

vue-router 在新窗口打开页面

router-link标签实现新窗口打开：不支持target="_blank"属性，如果需要打开一个新窗口必须要用标签在线沟通或在线沟通二、编程式导航：常用的是$router.push和$router.go，但是vue2.0

随遇而安、1314·2020-07-01 11:21

vue-cli下axios实现跨域踩的坑

1.开始进行跨域时，知道vue2.0官方推荐axios进行ajax请求，大致看一下https://www.npmjs.com/package/axiosaxios的用法，感觉挺好理解嘛，封装的挺好，用时发现

金刚腿·2020-07-01 09:35

vue3.0 Composition API 上手初体验函数组件的开发与使用

vue3.0CompositionAPI上手初体验函数组件的开发与使用在上一节中，我们讨论了普通组件的开发与使用，其实相比较vue2.0来说，差别并不大。

FungLeo·2020-07-01 09:17

【Vue常用功能】子父组件相互传值

vue1.0用.sync来解决父组件中：data(){return{menu:''}}子组件（side.vue）中：props:['myMenu'],即可在子组件中使用this.myMenu来获取或更改这个值vue2.0

Eternal_tyq·2020-07-01 09:05

使用HBuilderX-普通项目之vue-cli默认项目开发前端（二）

第二步：使用element-ui和vue-router一、安装element-uiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，提供了配套设计资源，帮助你的网站快速成型

D_lunar·2020-07-01 08:12

Vue2.0中的路由配置

Vue2.0较Vue1.0，路由有了较大改变。

黑糖牛奶Tonya·2020-07-01 08:32

vue2.0父子组件以及非父子组件通信传参详解

写在前面之前每次写项目的时候老是忘记vue的组件之间的传参，很不方便，每次都是现查，趁着这次折腾非父子组件的传参，学习记录下来，以方便以后学习使用。1.父组件传递数据给子组件父组件写法//这里必须要用-代替驼峰data(){return{msg:[1,2,3]};}子组件接收写法第一种：props:['childMsg']第二种：props:{childMsg:Array//这样可以指定传入的类型

愿醒静卧忘尘谷·2020-07-01 05:48

技术资料文档

注：后面项目整理由于项目过多，以合集的形式呈现，如有失效，微信留言给我（资料定期更新，更新通知关注我朋友圈通知）如有需要其他资料，也是微信给我留言（仅限技术开发类）最容易上手的vue2.0链接：https

wangsun300·2020-07-01 05:22

推荐频道

Vue2.0