Vue2.0 - 生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"...
Vue2.0 —生命周期和钩子函数
vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。ps:下面代码可以直接复制出去执行<!DOCTYPE html><html>&...
vue2.0 生命周期 简析
Vue2.0 生命周期钩子函数：<template><div id='app'>{{message}}</div></template>var app = new Vue({el: '#app',data: {message: 'hello vue'}...
通俗易懂了解Vue2.0生命周期
通俗易懂了解Vue2.0生命周期1.前言 在使用vue2.0进行日常开发中，我们总有这样的需求，我就想在页面刚一加载出这个表格组件时就发送请求去后台拉取数据，亦或者我想在组件加载前显示个loading图，当组件加载出来就让这个loading图消失等等这样或那样的需求，要实现这些需求，最...
vue2.0 新手教程
想想自己写vue的项目也写了一年了，从vue1.0到2.0，走过不少路，填过不少坑，下面记录一下新手从0到1的过程，本文“应该”会持续更新首先安装vue的运行环境node1、下载Nodejs并安装（下载传送门）下载安装完了之后到cmd里面运行一下命令node看到没，可以node回车之后，可以像chr...
vue2.0 + vux 项目搭建
1、快速搭建项目模板因为项目使用vux，所以推荐使用vux官网的airyland/vux2 模板，vue-cli工具是vue项目的搭建脚手架默认为 webpack2 模板，如果你需要使用webpack1，请使用 vue init airyland/vux2#webpack1 projectPathn...
vue2.0混入mixins
假设一个项目，首页不需要登录就可以直接进入，但是在首页中有各种其他的模块，这些模块中，有些需要登录权限，而有些则不需要登录权限，所以在进入这些模块的时候，我们都要判断当前的登录状态，那么我们应该怎么组织这一部分代码呢？在每一个需要登录状态的组件内，进行单独判断？如果需要判断登录状态的模块比较少，也就...
vue2.0路由写法、传参和嵌套
前置知识请戳这里vue-routerCDN地址：https://unpkg.com/vue-router@3.0.1/dist/vue-router.jsvue-router下载地址：https://github.com/vuejs/vue-router/tree/dev/distvue2.0路由基...
vue2.0 在main.js引入scss文件报错
在vue2.0的main.js中引入scss文件报错原因是在在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.scss$/, loaders: ['style', 'css', 'sass']}上面那条配置可以省略，因为最新的vue-cl...
vue2.0 自定义 图片上传（UpLoader）组件
1.自定义组件UpLoader.vue<!-- 上传图片 组件 --><template> <div class="vue-uploader"> <!-- 添加图片 及 显示效果 --> <div class="file-list"...
vue2.0 自定义 饼状图 （Echarts）组件
1.自定义 图表 组件Echarts.vue<!-- 自定义 echart 组件 --><template> <div> <!-- echart表格 --> <div id="myChart" :style="echartSty...
VUE2.0实现购物车和地址选配功能学习第五节
第五节 单件商品金额计算和单选全选功能1.vue精髓在于操作data模型来改变dom，渲染页面，而不是直接去改变dom2.加减改变总金额功能：html：<div class="cart-tab-3"> <div class="item-quantity"> ...
vue2.0做移动端开发用到的相关插件和经验总结1.0
最近在用vue2.0做微信公众号相关的前端开发，经过这次开发实践，现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理，希望和大家共同交流......cssrem：一个CSS值转REM的VSCode插件；lib-flexible：移动端弹性布局适配解决方案；vue-touch：移动端相关点击，...
干货分享：vue2.0做移动端开发用到的相关插件和经验总结(2)
最近一直在做移动端微信公众号项目的开发，也是我首次用vue来开发移动端项目，前期积累的移动端开发经验较少。经过这个项目的锻炼，加深了对vue相关知识点的理解和运用，同时，在项目中所涉及到的微信api(微信分享，微信支付)，百度地图api(如何实例化地图，给地图添加自定义覆盖物，给地图添加自定义标注，...
vue2.0插件--loading
loading效果很常见，常见到我们任何一个项目中，都可以见到他的身影。今天就以loading作为切入口，唠叨一下vuejs的插件的写法。看vuejs官方文档关于插件的说明，关于使用插件和写插件，Vue插件基本上都躲不开以下几种方案：添加全局方法或者属性，如: vue-custom-element添...
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
我发现好多倒计时的插件，刷新都会变成从头再来，于是自己用vue2.0写了一个，测试通过，直接上代码如下是组件代码：<template> <span :endTime="endTime" :callback="callback" :endText="endText"> ...
vue-swiper 基于Vue2.0开发 轻量、高性能轮播插件
vue-swiper基于 Vue2.0 开发，基本满足大部分功能轻量、高性能轮播插件。目前支持 无缝衔接自动轮播、无限轮播、手势轮播没有引入第三方库，原生 js 封装,打包之后只有 8.2KB 大小 性能还是杠杠滴demo...
对爱奇艺PC Web主站来说，良好的SEO能够帮助其获得更多的搜索流量，因而页面上一些非常重要的内容仍然需要依靠服务端进行渲染，由于另外开发一套基于Node的SSR后台成本较高，而乐趣（基于java和velocity模板引擎）平台作为渲染系统已经十分成熟且运行稳定，在充分试验后，我们决定在Uniqy中使用服务端同步与客户端浏览器异步二次渲染相结合的方式，结合Vue2.0提供的 slot插槽机制，很
https://mp.weixin.qq.com/s/eB20BoqzENO_oNk8eDg4Eg干货|爱奇艺PC Web新框架实践原创： 前端研发团队 爱奇艺技术产品团队 昨天
Vue2.0搭建脚手架流程
介绍Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令行工具...
vue2.0项目创建之环境变量配置
安装node传送门 <node安装步骤>关于环境的配置，百度一大把安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org安装webpackcnpm install webpack -g安装vue脚手架npm...