Vue2.0 第48页

2018-06-05 vue2.0的学习

1.为什么在2.0中，route-view显示不出内容？varrouter=newVueRouter({mode:'history',//切换路径模式，变成history模式，也就是去掉#routes:[//这里是routes，不是routers{path:'/goods',name:goods,component:goods},{path:'/ratings',component:ratings

嘻嘻乐哈哈·2020-04-06 13:28

Laravel5.4 + vue2.0 + Element 的搭建

不多说，直接开始搭建1、安装Laravel通过ComposerCreate-Project你还可以在终端中通过Composer的create-project命令来安装Laravel应用：composercreate-project--prefer-distlaravel/laravelblog详细请看Laravel5.4文档，在这里不多说。整体目录如下：2、文件配置在根目录下有package.js

此去经年丶DYK·2020-04-06 03:36

v-charts使用心得

基于Vue2.0和echarts封装的V-Charts图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。

美人宋·2020-04-05 20:11

vue练习02

/json/temp.json').then(res=>{this.list=res.body.books;})}}})//从vue2.0

张帅旗·2020-04-05 18:23

[第三课] 实战饿了么app—vue2.0

打开，main.js，确保你已经安装了路由，导入路由，进行配置，目前的需要是点击商品，或者评论、商家在我的内容中变化。打开App.vue，打开main.js，完善路由如果解决引入从components目录去找打开：build/webapck.base.conf.jswebpack配置的技巧，起别名这时候就可以修改import路径了，修改好重启一下项目，即可成效了：做完调通之后，可以把router提

面包在奔跑·2020-04-05 10:48

Vue2.0与 [百度地图] 结合使用———vue+webpack+axios+百度地图实现组件之间的通信

Vue2.0与[百度地图]结合使用：1.vueinitwebpack-simplevue-baidu-map2.下载axioscnpminstallaxios;3.在main.js中引入axios，并使用

萧玄辞·2020-04-05 08:49

Vue(篇幅三)

关于如何学习Vue，Vue的缔造者尤雨溪前辈曾经在知乎发表过一篇新手向：Vue2.0的建议学习顺序。

HW_____T·2020-04-05 07:20

快速搭建Vue2.0 脚手架(单页面项目配置)

介绍Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。阅读之前需要了解的知识htmlcssjavascriptnode.js环境(npm包管理工具）webpack打包工具安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命

撸码大虾·2020-04-04 23:08

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

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

IAm夏花花·2020-04-04 22:59

2018-06-12 vue2.0学习-饿了么项目（1）

继续之前的，以下的总结有的是借鉴别人的，只是为了方便以后的学习：1.vue1.0中的v-el和v-ref在2.0中被废弃了。所以2.0中如果需要此功能要通过ref属性写法不是ref:而是ref="名字"，在js中用$refs获取元素。首先了解一下ref:组件并不是真实的DOM节点，而是存在于内存之中的一种数据结构，叫做虚拟DOM（virtualDOM）只有当它插入文档后，才会变成真实的DOMVue

嘻嘻乐哈哈·2020-04-04 00:50

基于vue、vuex、vue-router、echarts搭建的数据展示平台

真的好久没有更新博客了，但是我最近并没有偷懒哦，一直在学习vue这个框架，并且用它做了一个小项目，现在就给大家分享一下我的这个还比较有意思的小项目咯，本项目是基于vue2.0开发的。

艰苦奋斗的侯小憨·2020-04-03 18:28

VUE2.0不可忽视的很多变化

今天使用webpack-sample初始一个vue-cli项目，在app.vue文件中添加了个钩子函数ready，可是ready内的事件一直不执行，检查了webpack文件和package.json也没发现什么问题，浏览器也没报错或者提示，很令人捉急。然后去github看了webpack-simple源码，才发现原来vueinitwebpack-simple默认安装的vue是2.0版本。马上推测到

河外星系的外星人·2020-04-03 02:19

Web应用开发实践记录

应用架构前端JS框架：Vue2.0打包：Webpack后端：LeanCloud云引擎Python语言框架：FlaskAPI管理：apizza极客专属的api管理工具代

大侠咕咚·2020-04-02 21:40

vue2.0 操作数组下标不跟新ui，使用set()或$forceUpdate 也不能跟新视图情况

在vue2.0中操作数组不跟新ui图，即使使用set()或$forceUpdate也不能跟新视图，我在前段时间也遇到了一个问题，当时我使用的时element的tree组件由于需要对tree的数组进行增删改查等操作

活着ccc·2020-04-02 11:00

Vue2.0项目入门 — 从环境搭建到运行

郁金香.png环境安装安装淘宝镜像大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝NPM镜像。下载地址https://npm.taobao.org/也可直接用npm安装：npminstall-gcnpm--registry=https://registry.npm.taobao.org`现在就可以使用cnpm命令安装模块了：cnpminstall[name]安装webpackcn

大青呐·2020-04-02 10:48

vue2.0项目配置flow类型检查

在vue2.0的项目中加入flow类型检查。当前项目是用js写的，当项目越来越大，由于js弱类型的特性，相比ts(typescript)这种强类型的语言而言，后期维护会越来越困难。

ltinyho·2020-04-02 05:09

[第二课] 实战饿了么app—vue2.0

第一步：打开App.vue，把没有用的代码都清空，如图：第二步：删除components/HelloWorld.vue第三步：开始写结构了在App.vue中写入代码：第四步：建立header.vue，我们把header抽出弄一个组件：第五步：在App.vue导入组件第六步：header是关键字，会报错，所以需要修改header这个名字[Vuewarn]:Donotusebuilt-inorrese

面包在奔跑·2020-04-02 04:41

基于vue2.0开发过程中遇到的问题

首先、说一下自己的项目，这个项目开发过程中，我的主要工作是：做后台管理系统以及app中的H5页面。做后台管理系统，文本编辑器、统计图、导入、导出等一些功能是必不可少的。下面我就分享一下自己在项目中解决这些问题的方法。1、富文本编辑器我在项目中使用的是vue-quill-editor这个编辑器、但是，这个编辑器上传图片会出现一些问题、解决方法地址：https://segmentfault.com/a

Y_莫寒·2020-04-01 20:04

Vue面试题总结！

答:脚手架创建vue-cli创建根据项目需求去选择条件选项创建3.了解Vue2.0与Vue3.0区别吗？

醉暖人心丷·2020-04-01 17:21

Vue.js实践（2）：实现多条件筛选、搜索、排序及分页的表格功能

同时也将对filter功能与computed属性进行对比，说明各自的适用场景，也为vue2.0版本中即将删除的部分filter功能做准备。

ElToro·2020-04-01 03:51

Vuejs2.0购物车和地址选配学习笔记

demo如下:演示页面：袁凤鸣|Vuejs2.0购物车demo仓库地址：https://github.com/yfming93/vuejs文章原文：在我个人博客同时感谢慕课网讲师河畔一角分享的学习资料使用vue2.0

fleeming·2020-03-31 22:31

封装常用的过滤器

关键词：vue过滤器vue2.0已经发布了，虽不说像angular2那样变化巨大，却增删了不少东西，其中在1.0中自带的过滤器全部被删掉了，只留下一个自定义过滤器的接口，没办法，要用过滤器只能自己封装了

ferrint·2020-03-31 20:21

文章收藏夹

web收藏集合Shrio整合webjavaandsql入门教程网站Mysql,redis,memcache配置及搭建vue2.0项目地址vue2.0搭建博客地址安卓组件化经典文章合集之业务组建之间的通信安卓组件化方案

camlboy·2020-03-31 18:35

轻松玩转VUE 2.0及常用组件

轻松玩转VUE2.0及常用组件一、vue1.vue生命周期Ⅰ、created=>作用：编译模板,把data里面的数据和模板成html应用场景：此时可以提交ajax请求来初始化页面数据，仅仅只是初始化数据

樱雪之城shang·2020-03-30 23:37

四、在Vue中如何使用Cookie

一、安装Cookie在Vue2.0下，这个貌似已经不需要安装了。因为当你创建一个项目的

陈楠酒肆·2020-03-30 20:01

Vue2.0中的异步队列

这些都比较容易理解，但是如果频繁的更改模型的话，就会造成频繁的更新View，会造成频繁的dom操作，这是比较耗时的，因此需要进行优化，Vue2.0是通过批处理进行优化的，而异步执行队列，是批处理中一个很重要的一个环节

cpu_driver·2020-03-30 14:06

vue封装的分页

https://juejin.im/entry/58f85550b123db00623587bf使用vue2.0实现一个简洁的分页组件阅读2455收藏942017-04-20原文链接：segmentfault.com0

吾爱真理更爱葛巾·2020-03-30 06:29

vue.js

vue2.0基本用法(npmrundev)和angular有许多类似的地方，由于使用了大量ES6语法，所以不支持IE8以下版本一、基本语法vue实例最外层放一个1.{{}}:同angular一样，使用{

他在发呆·2020-03-29 23:53

Vue2.0 使用路由

Vue2.0.pngsrc目录结构image.png定义组件apple.vuebanana.vue在main.js，引入并注册vue-routerimportVRouterfrom"vue-router";Vue.use(VRouter);在main.js中导入组件importApplefrom'./components/apple'importBananafrom'./components/ba

amuqiao·2020-03-29 15:19

学习笔记《Vue2初体验》

用了一段时间的Vue，基本熟悉了讨论，看到Vue2.0已经发布，而且文档已经比较齐全，刚好学习和迁移一下Vue2的一份详细修编记录https://github.com/vuejs/vue/issues/

马文Marvin·2020-03-29 14:55

基于Vue2.0前端框架的初步认识（素颜版）

最近将Vue进阶文档，vuex和vue-router都看了一遍，重新写了些对初阶知识点的认识，加了些vuex和vue-router的学习心得，文章没有经过排版，先分享，介意的可先逃框架出现的需求Web应用日趋复杂化以致前端开发难以单兵作战，此时需要一种统一的规范将所有人紧紧拴在一起，因此框架应运而生通过框架，团队成员在能在事先规定的接口各行其事，最后能较好将各个部分整合在一起MVC框架的基本了解M

犯迷糊的小羊·2020-03-28 21:52

Vue父组件调用子组件事件

Vue父组件向子组件传递事件/调用事件不是传递数据（props）哦，适用于Vue2.0方法一：子组件监听父组件发送的方法方法二：父组件调用子组件方法子组件：exportdefault{mounted:function

DerryChan·2020-03-28 15:31

Vue2.0生命周期钩子

给大家分享一下我对Vue2.0的生命周期钩子的理解与用法一、生命周期图示image.png二、生命周期分解1、beforeCreateel和data都未初始化，可以在这里做loading2、created

yanshuang·2020-03-28 13:49

Android程序员初探Vue（一）：环境搭建（Vue2.0）

系列文章Android程序员初探Vue（一）：环境搭建（Vue2.0）Android程序员初探Vue（二）：项目结构Android程序员初探Vue（三）：从开源项目看Vue架构前言微信小程序最开始出来时火了一把

Aisier丶·2020-03-27 17:49

Vue2.0系列（五）slot分发内容与props验证

使用一种方式混合父组件的内容与子组件自己的模板，这个过程被称为“内容分发”。在子组件中使用特殊的元素作为内容的插槽。一、单个slot在子组件模板中有slot标签，被视为备用内容，在父组件不提供内容的情况下使用。如果父组件提供内容，则把整个内容片段插入到slot所在的DOM位置，并替换掉slot标签本身。子组件模板中没有slot标签，父组件提供的内容会被抛弃如果替换的内容较多，可以直接用一个temp

范小饭_·2020-03-27 14:16

“Vue2.0”跟俺一起全面入坑 02

datura_lj·2020-03-27 10:32

web前端开发学，新手学习前端应该先学vue还是react？

目前版本15.5.4（初始版本是13开头），社区较成熟，拥有更大的生态圈vue是EvanYou个人开发，2014年2月发布vue2.0版本，生态圈较小优势：react官网推荐的三个特点如下：状态机—轻

前端大哥大·2020-03-27 10:00

vue2.0 兄弟组件(平级)通讯

1、前戏吧先看看前两篇文章：父组件传给子组件子组件传给父组件看图看图看图！！！大概原理.png个人理解：这明显是生活中弟弟打电话给哥哥一样，双方都需要手机，需要信号发射塔。弟弟=>A组件哥哥=>B组件弟弟的手机=>$emit发送数据哥哥的手机=>$on监听并接收数据信号发射塔=>中间事件线App.vue=>不用说都知道是地球2、代码2.1、在src/asstes下新建中间事件线ligature.j

取个帅气的名字真好·2020-03-27 08:18

webpack2.0快速构建vue2.0项目

此为使用webpack快速构建vue2.0项目的方法，各个依赖包的版本和文中一致，否则不同版本的包可能webpack编译时会出问题1、npminit-y初始化项目会在当前文件夹下生成一个package.js

addin_gao·2020-03-27 06:10

【vue2.0】vue-router学习

1.先新建一个vue项目2.安装npminstallvue-router3.main.js中添加代码importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)4.新建routers.js，引入组件home和Hello组件，新建routers对象并配置路由。配置路由.pngpath配置了路由的路径，component配置了映

Keiko_Yen·2020-03-27 04:47

学习vue2.0笔记（第五章下）

状态管理插件vueximage.png状态管理机制image.png安装image.pngimport导入，注册，实例化，image.png全局使用store，image.png通过this.$store调用，image.pngapp.vue引入两个组件image.pngapple子组件image.pngimage.pngimage.png使用actionsimage.png区别：mutation

这很重要吗·2020-03-26 23:47

vue开启keep-alive需要注意的问题

封面.jpg一、开启keep-alive在这里keep-alive配合了router-view使用，keep-alive本身是vue2.0的功能，并不是vue-router的，所以在vue1.0版本是不支持的

毕竟1米八·2020-03-26 21:23

Vue UI框架——Element UI的使用

ElementUI一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库官网：http://element-cn.eleme.io/#/zh-CN/component/quickstart1

牧码狗·2020-03-26 20:30

Vue2.0的虚拟DOM渲染原理

Vue2.0采用了虚拟DOM来代替对真实DOM的操作，最后通过某种机制来完成对真实DOM的更新，渲染视图。

lwz4070·2020-03-26 20:45

Element 1.2.2 版本发布了

Element是由饿了么公司前端团队开源，是一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助你的网站快速成型。

rosekissyou·2020-03-26 14:57

vue2.0组件间传值详解

作为一个vue初学者,组件间的数据通信是我们不得不谈的一个重要内容。根据组件之间的关系通信方式也有不同，数据通信大致有下面三种：父传子、子传父、非父子间通信下面，我们就来说说这三种通信1.父传子（父传子通过props传值，简单的说就是propsdown）这里我们使用一个简单的例子来说明下，例子的内容，是我们常见的header组件，这里我们用props传值的方式，把title的值从父组件传到子组件来

妖风小哥哥·2020-03-26 01:04

vue2.0 使用动态组件实现 Tab 标签页切换效果（vue-cli）

在vue中，实现Tab切换主要有三种方式：使用动态组件，使用vue-router路由，使用第三方插件。因为这次完成的功能只是简单切换组件，再则觉得使用路由切换需要改变地址略微麻烦，所以使用的是动态组件实现，如果是在大型应用上，可能使用vue-router会方便一些。先看下最终实现的效果，结构比较简单，顶部的三个Tab标签用于切换，内容区域分别为三个子组件。效果预览关键代码及分析如下：//每一个ta

我不是黄悠然·2020-03-25 21:38

《Vue2.0 实践揭秘》终于出版啦！

Vue2.0实践揭秘简介本书以Vue2的实践应用为根基，从

梁睿坤·2020-03-25 17:44

1:在windows下搭建Vue2.0学习环境

本文参考了一下网址，并添加了部分自己的笔记：http://www.open-open.com/lib/view/open1476240930270.html#articleHeader25http://blog.csdn.net/zg091418/article/details/537650931：windos安装node.js：Windows下直接下载nodejs安装包即可,新版nodejs会帮

情感茹若行李·2020-03-25 04:25

Vue Router (vue2.0)

一、路由的三个要素映射表，路由map//index.js文件Vue.use(Router)exportdefaultnewRouter({mode:'history',//开始HTML5模式，自带历史记录routes:[{path:'/apple',//路由component:Apple//组件，需import引入},{path:'/banana',component:Banana}]})展现位置

_Wake·2020-03-24 12:17

推荐频道

Vue2.0