Vue2.0 第35页

vue环境搭建(有热替换）

文章转自：http://www.cnblogs.com/wj204/p/6031435.html前面vue2.0和webpack都已经有接触了些（vue.js入门，webpack入门之简单例子跑起来），

弓弧名家_玄真君·2020-08-03 05:47

Vue2.0 实战之上啦加载下拉刷新

#Vue2.0实现上啦加载下拉刷新目前也有很多很多实现的方式，但是个人认为，第三方的包还是蛮不小的，所以决定弄个小的公共vue插件-上啦加载下拉刷新功能，目前没有压塑前文件大小仅仅4-5k左右的样子，实现的效果图

Rkatsiteli·2020-08-03 02:03

webpack1.x + ElementUI 初探

1.安装Vue2.0注意：保证npm版本是3.10.x及以上，想省事的话就重新安装nodejs6.x的版本请事先配置国内npm镜像，以免安装失败

overtree·2020-08-03 02:01

关于vue2.0工程发布上线操作步骤

其实vue2.0工程发布相当简单。

星野-纯夏·2020-08-02 19:06

【第一季】Vue2.0视频教程-内部指令(共8集)

【第一季】Vue2.0视频教程-内部指令(共8集)【第一季】Vue2.0视频教程-内部指令(共8集)第1节：走起我的Vue2.0学习这套课程你需要的前置知识：下载Vue2.0的两个版本：项目结构搭建live-server

路漫漫--·2020-08-02 18:17

vue2.0学习笔记

Vue2.0学习笔记Vue学习第一天–笔记一这篇博客仅用来记录本人学习vue的过程以及在过程中遇到的疑难问题及解决方法环境搭建1.安装node.js，nodeJs官网下载最新版本安装，具体安装和环境配置参考这篇博客

zsmSUSU·2020-08-02 15:18

vue2.0 路由学习笔记

vue2.0路由:http://router.vuejs.org/zh-cn/index.html基本使用:1.布局主页2.路由具体写法，重定向{path:'*',redirect:'/home'}Document.router-link-active

scorpio_h·2020-08-02 13:27

VUE2.0 全套 demo 讲解（学习笔记）

https://juejin.im/user/580327ee0e3dd900570cf3ab基础一：模板语法1.文本数据绑定最常见的形式就是使用“Mustache”语法（双大括号）的文本插值：Mustache标签将会被替代为对应数据对象上world属性的值,而且一直会监听world的值，一但改变会跟着改变应用场景：可以说处处都用的到hello{{world}}{{`hello${world}`}

Lucky_LXG·2020-08-02 12:56

Vue2.0学习笔记

模板语法https://juejin.im/user/580327ee0e3dd900570cf3ab1.文本数据绑定最常见的形式就是使用“Mustache”语法（双大括号）的文本插值：Mustache标签将会被替代为对应数据对象上world属性的值,而且一直会监听world的值，一但改变会跟着改变应用场景：可以说处处都用的到hello{{world}}{{`hello${world}`}}改变w

大灰狼的小绵羊哥哥·2020-08-02 12:08

VUE2.0和VUE3.0区别以及移动端适配

VUE2.0和VUE3.0区别以及VUE-CLI移动端适配VUE2.0和VUE3.0区别1.项目目录结构2.配置项3.常用命令VUE-CLI移动端适配区别vue-cli2.0移动端适配vue-cli3.0

promising_li·2020-08-01 14:54

Vue2.0项目升级（1-初始化项目）

2.vue-cli建立基于webpack模板的vue2.0工程，命令：#安装vue-clinpminstall-gvu

红尘客栈_繁华·2020-08-01 13:35

vue2.0生命周期

watch选项是Vue提供的用于检测指定的数据发生改变的api。{{name}}newVue({el:'#app',data:{name:'毛大爷',url:'img/微信图片_20171212174410.jpg'},beforeCreate(){//此阶段为实例初始化之前，此时的数据观察和事件配置都没好准备好。console.log('即将创建')console.log(this.$data)

Hi毛哥哥·2020-08-01 13:41

Vue2.0 中模板编译的过程学习

要说vue和react最大的不同之一，我肯定会说vue是开箱即用的，也就是有的情况下，不需要babel转义就能直接运行，就好像是一个高级的jquery包一样1、入口$mount光光看目录的名称就可以知道，这里是和平台有关的代码，也就是运行在浏览器的代码，这里主要是改造$mount函数/*@flow*/importconfigfrom'core/config'import{warn,cached}f

dongceha·2020-08-01 12:43

mintUI配合vue2.0,webpack，vue-cli脚手架从零搭建

虽然vue-cli脚手架很方便，但是有些配置还是不够，所以个人配置了一个mintUI的移动端单页面模板，可以使用less,axios,mintUI等常用组件和loading.还配置了一个elementUI的pc端单页面模板。代码地址：https://gitee.com/LIULIULIU8/elementui_mintui__template_file运行说明：1、进入到文件夹，输入命令行：cnp

anda9128·2020-08-01 11:51

【探究Vue原理】对Vue2.0的数据响应式的探究——依赖收集

Vue2.0与Vue1.0相比有个很大的改进，就是引入了虚拟DOM。那么，虚拟DOM究竟是为了解决什么问题的呢？在Vue中，每个变量都可能出现在模板中的任意位置，

ajh99990·2020-08-01 11:44

vue+echarts实现图表展示，数据是从后台请求获取

项目我是用Vue2.0脚手架搭建的，具体如何搭建就不做介绍了，要使用echarts只需npminstall，最好将npm升级成淘宝镜像cnpm，如下

猫弦de汪·2020-08-01 09:09

Vue2.0 响应式的执行过程以及首次渲染的过程

vue2.0的响应式原理网络上有很多的资源，这里就学习一下源码中响应式的执行过程(这里还包括了vue首次渲染的过程)如果实在没基础的话，可以先看这一篇：实现乞丐版的vuedata+method+computed

dongceha·2020-08-01 09:36

vue2.0 $router和$route的区别

在vue2.0里页面参数是this.$route.query或者this.$route.params接收router-link传的参数。

zzz_zed·2020-08-01 09:48

vue2.0和animate.css的结合使用

animate.css是一款前端动画库，相似的有velocity-animate。首先是transition组件用法：1、要用animate.css，那么首先需要做的就是导入它。局部的导入的话，就在当前的.vue文件中的style标签中导入：@import"animate".css;注意，导入css文件的时候。在末尾应该要加上分号。如果不加的话，会影响后面写的局部样式。2、开始使用animate.

UIEngineer·2020-08-01 08:54

Vue2.0 实战之饿了么移动端SPA(学习)

该实战项目使用Vue2.0开发。

iStorm·2020-08-01 08:09

vue2.0转变成vue3.0

vue3.0发布已经4个多月了官网还没有同步更新但是尝鲜版本已经出来了改变还是非常的大的几乎都是基于面向对象和es6的语法闲着没事自己动手尝试了一下1.首先下载依赖在2.0的基础上npmi@vue/composition-api-s2.在mian里面引入importVueCompositionApifrom'@vue/composition-api'Vue.use(VueCompositionAp

沫熙瑾年·2020-08-01 07:50

vue2.0 history模式下的微信分享和分享后获取微信用户信息

最近用vue框架做微信H5分享（以下是分享给好友），模式采用的history，遇到不少的坑，总结一下花费时间比较久的两个。一个是android下分享正常但iOS下分享不正常，另一个是分享后再分享，两种情况都碰到了签名问题("invalidsignature")。产生问题的原因是android手机和iOS对vueSPA地址的处理不一样。进入页面后，android的URL会保持不变，iOS会对地址进行

EverSpring007·2020-08-01 07:25

vue2.0 改变子组件从父组件传递过来的值报错Avoid mutating a prop directly since the value will be overwritten whenever

Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop'svalue.Propbeingmutated:"selectType"实现vue2.0

徐小珂·2020-08-01 07:24

Vue2.0的传值方式：父传子、子传父

本文介绍传值方式：父传子、子传父父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送消息父组件向子组件进行传值父组件:父组件:importdemofrom'./demo'exportdefault{name:"index",components:{demo},data(){return{name:''}}}子组件：子组件{{inpu

zeke_x·2020-08-01 05:15

Vue2.0 路由开启 keep-alive 时需要注意的地方

Vue2.0做应用必有的需求就是页面数据需要做缓存，不用每次进入页面都要把数据重新请求一遍，每次页面切换都有段等待数据相应时间，这个用户体验可想有多么蛋疼，所以页面缓存是必要的，啥时候需要更新页面数据呢

蜗牛速度额·2020-08-01 05:08

Vue2.0 $set()的正确使用方式

vue2.0给data对象新增属性，并触发视图更新如下代码，给student对象新增age属性data(){return{student:{name:'',sex:''}}}12345678众所周知，直接给

小灰小汇·2020-08-01 05:03

vue2.0 设置router.go('/goods')会不停的刷新页面

代码如下letroutes=[{path:'/goods',component:goods},{path:'/ratings',component:ratings},{path:'/sellers',component:sellers}]constrouter=newVueRouter({routes,linkActiveClass:'active'})newVue({router,render:

Joyin-Love·2020-08-01 05:21

Vue2.0 进阶组件篇 3 值得一看的（Toast 组件）

作者混元霹雳手-ziksang现在发觉睡觉的时间越来越少，项目越来越多，组件越写越停不下来，因为过段时间要做一个技术分享，还有很多赶着急的项目等着我，今天不睡觉也要把这个教程写完分享给大家，如果大家想参加我的技术分享请用微信打开我的分享会，欢迎大家收听gitbook.cn/m/mazi/acti…接下来还是按着我们约定的来2.代码运行vue-cli2.1版本3.组件代码都在components文件

weixin_33980459·2020-08-01 04:28

前端文章收集

【Vue篇】Vue2.0，渐进式前端解决方案——尤雨溪【GraphQL篇】GraphQL是一种描述如何请求数据的语法，通常用于客户端向服务器请求数据。

跑者小越·2020-08-01 03:04

vue中使用keepAlive组件缓存遇到的坑

项目开发中在用户由分类页category进入detail需保存用户状态，查阅了Vue官网后，发现vue2.0提供了一个keep-alive组件。

weixin_30505043·2020-08-01 03:23

Vue 浅谈前端js框架vue

框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注，16年中旬，VUE2.0

weixin_30439031·2020-08-01 03:39

vue项目优化之通过keep-alive数据缓存(vue+webpack)

通过vue提供的keep-alive减少对服务器的请求次数VUE2.0中提供了一个keep-alive方法，可以用来缓存组件，避免多次加载相应的组件，减少性能的消耗。

王永存·2020-08-01 02:29

vue2.0 #$emit,$on的使用

vue1.0中vm.$dispatch和vm.$broadcast被弃用，改用$emit,$onvm.$on(event,callback)监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。vm.$emit(event,[…args])触发当前实例上的事件。附加参数都会传给监听器回调。例子：//父组件data(){return{selectT

wandoumm·2020-08-01 02:29

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

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

wandoumm·2020-08-01 02:29

Vue.js学习系列一 —— vue-router2学习实践笔记（附DEMO）

violet-jack·2020-08-01 02:32

Vue2.0脚手架构建项目详解(vant,vuex概述)

构建使用工具：vue-cli涉及技术：Vue+vue-router+Vuex+Vant+Axios+webpack(3.6.0)+webpack-dev-server(2.9.1)（备注：如果安装高版本(webpack4.x)会出现会出现webpack不是内部命令，或要求安装webpack-cli等）1.构建项目（基于nodeJs环境，提前安装nodeJS）D://进入盘符mkdirvueClit

林先生_2018·2020-08-01 01:41

报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the paren

在vue2.0中子组件触发改变值的时候vue组件会报出例如：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead

很长很长的名字·2020-08-01 01:42

Vue2.0的响应式原理+异步更新队列的实现

Vue2.0Object.definePropertyVue2.0中使用Object.defineProperty来将Data中的属性都遍历一遍,转换为getter和settergetter为依赖收集当变量修改时,可能涉及到很多地方依赖变量,所以将模板中依赖这个变量的地方都收集起来setter为通知依赖更新Vue3.0Proxy就是对getter和setter进行一次代理,去做到依赖收集和更新操作

Anjesi·2020-08-01 00:06

vue.js 动态组件缓存 keep-alive

参考：vue2.0使用动态组件实现Tab标签页切换效果（vue-cli）动态组件在不同组件之间进行动态切换比如：选项卡，点击不同的tab显示相应的组件。

__Amy·2020-08-01 00:31

Vue2.0系列——vue封装swiper轮播组件--

1、父组件传递给子组件数据；2、子组件通过props接收数据；3、v:bind以及v-for的使用；4、实现了轮播组件。前一篇我们搭建了一个vue2+webpack2的框架，实现了一个全局导航组件。今天说说在vue中使用轮播组件的选择（会造轮子的自己写轮播特效）。父组件如何传递数据给子组件？官网有这么一段内容来介绍。简单来说就是通过props实现父组件的数据流向子组件。Prop使用Prop传递数据

qxfjyk·2020-07-31 23:12

vue2.0路由守卫函数

vue2.0导航守卫『导航』表示路由正在发生改变变化是一个过程,在变化的过程中执行哪些东西路由的切换过程，本质上是执行一系列路由钩子函数，钩子函数总体上分为三大类：1.全局的钩子函数:定义在全局的路由对象中

前端背锅侠·2020-07-31 22:07

Vue2.0 饿了么报错：Avoid mutating a prop directly since the value will be overwritten whenever

报错原因：所有的prop都使得其父子prop之间形成了一个单向下行绑定：父级prop的更新会向下流动到子组件中，但是反过来则不行。（父组件更新，子组件中的prop值也会更新，但子组件不能修改由父组件传递过来的值）解决办法：定义一个本地的data属性并将这个prop用作其初始值，同步对组件的修改，再通知父组件更新相关代码：{{desc.all}}47{{desc.positive}}50{{desc

ST92·2020-07-31 22:29

vue2.0 keep-alive 的 include和exclude使用

VUE提供了一个内置的组件keep-alive来缓存组件内部的状态，避免组件重新渲染组件。但是在开发过程中，并不是所有的组件都需要被缓存，于是就用到keep-alive的两个属性keep-alive属性：include-字符串或正则表达式。只有匹配的组件会被缓存。exclude-字符串或正则表达式。任何匹配的组件都不会被缓存。keep-alive用法1.缓存不活动的动态组件2.缓存匹配到的路由将匹

qq_35220376·2020-07-31 22:10

Vue2.0 子组件修改props中的值导致问题及报错解决

vue父组件给子组件的prop传值报错Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop’svalue.Propbeingmutated:"modal1"报错原因：pr

StarFishing·2020-07-31 22:24

Vue2.0 之props是数据绑定出错

背景在使用Vue进行组件开发时，对于父组件传递过来的props属性，在子组件内部对这个值进行了更改，就会出现如下的错误信息：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertyb

唯一昵称真难·2020-07-31 21:15

基于 Vue 2.0 的 Mobile 组件库 Vant

Vant详细介绍Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。

phj_88·2020-07-31 21:38

vue使用keep-alive实现数据缓存不刷新

1、keep-alive要配合router-view使用，这里要注意一点就是，keep-alive本身是vue2.0的功能，并不是vue-router的，所以再vue1.0版本是不支持的。

indd·2020-07-31 20:58

使用 keep-alive实现页面缓存有些页面还要及时更新的方法两种方法