Vue2.0

基于vue2.0购物商城的开发

这是一个基于vue全家桶+node.js+express+mysql实现的商城网站项目github地址：vueMall查看demo:地址如果觉得对您有帮助，您可以在左下角给我个喜欢支持一下，谢谢！项目结构如下图所示：项目结构注：该项目是真实的请求后台api。server为后端数据接口项目结构，运行时可以单独拿出来放在wamp/www下或者xammp/htdocs这两是集成包（apache+php+
zhanzhan_wu·2018-01-17 15:10

基于VUE移动音乐WEBAPP跨域请求失败的解决方法

在学习一位vue大牛的课程《VUE2.0移动端音乐App开发》时，由于vue的版本原因遇到了一些问题这是其中之一，花费了很多的时间去解决虽然搞定了这个问题，但是很多东西理解也不是很到位，下面详细说：系统
dumin·2018-01-16 14:39

vue2.0 兄弟组件(平级)通讯的实现代码

1、前戏吧先看看前两篇文章：父组件传给子组件子组件传给父组件看图看图看图！！！个人理解：这明显是生活中弟弟打电话哥哥一样，双方都需要手机，需要信号发射塔。弟弟=>A组件哥哥=>B组件弟弟的手机=>$emit发送数据哥哥的手机=>$on监听并接收数据信号发射塔=>中间事件线App.vue=>不用说都知道是地球2、代码2.1、在src/asstes下新建中间事件线ligature.js（注意后缀.js
取个帅气的名字真好·2018-01-15 16:20

vue2.0 父组件给子组件传递数据的方法

在父组件App.vue中引用子组件A.vue，把name的值传给A组件。1、安装在桌面新建一个文件夹$cd到文件中$npminstall-gvue-cli$vueinitwebpack.$npminstall$npmrundevvueinitwebpack.之后的选择解释2、删除1、删除App中的一些内容如下2、删除components文件中的HelloWorld.vue3、修改修改App.vue
取个帅气的名字真好·2018-01-15 09:17

vue2.0 如何把子组件的数据传给父组件(推荐)

在父组件App.vue中引用子组件A.vue，把A中的数据传给App.ps:没看父组件传给子组件的先看看去。1、代码子组件A.vue这里是子组件的内容点一下就传exportdefault{methods:{spot:function(){//与父组件通信一定要加上这句话this.$emit("spot",'我是子组件传给父组件的内容就我。。')}}}父组件App.vueimportAfrom'./
取个帅气的名字真好·2018-01-15 09:57

Vue.js学习（五）：vue+axios+php+mysql 实现前端界面数据动态更新

vue实现动态数据的方式主要有vue-resource和axios，但是从Vue2.0开始，已经不对vue-resource进行更新，因此，本文主要利用axios进行操作。
michael8512·2018-01-13 22:35

vue从入门到进阶：自定义指令directive，插件的封装以及混合mixins（七）

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

vue2.0 transition规范写法

htmlTogglehellojsnewVue({el:'#demo',data:{show:true}})css.fade-enter-active,.fade-leave-active{transition:opacity.5s}.fade-enter,.fade-leave-active{opacity:0}
边沉·2018-01-12 13:01

vue2.0中的变化（相对于vue1.0）

vue2.0:http://vuejs.org/到了2.0以后，有哪些变化?
love_your_life·2018-01-11 11:10

Vue2.0+vuex+H5实现音乐播放及歌曲切换功能的方法及原理解释

先上一张运行效果图（歌词尚未抓取、播放进度条及时间尚未开发）所需了解的知识：vue2.0、vuex（mapGetters、mapMutations等）、H5audio标签关键DOM部分：注：歌曲数据已经事先抓取
ECMAScripter·2018-01-11 00:30

VUE前端框架

史上最详细VUE2.0全套demo讲解基础1（模板语法）作者:混元霹雳手ziksang一开始在vue
Msro·2018-01-09 00:29

浅谈Vue2.0父子组件间事件派发机制

从vue1.x过来的都知道，在vue2.0中，父子组件间事件通信的$dispatch和$broadcase被移除了。
不可能的是·2018-01-08 15:01

vue2.0 transition组件实现过渡效果

*{margin:0;padding:0;}.app{width:220px;height:310px;background:#F0F0F0;margin:0auto;margin-top:100px;overflow:hidden;}.btn{display:block;width:80px;height:30px;background:#20B060;color:#FFF;text-align
Hi毛哥哥·2018-01-05 15:48

浅谈Vuejs中nextTick()异步更新队列源码解析

vue官网关于此解释说明如下：vue2.0里面的深入响应式原理的异步更新队列官网说明如下：只要观察到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。
qiaoba_gogo·2017-12-31 11:10

Vue2.0 探索之路——生命周期和钩子函数的一些理解

vue生命周期函数生命周期图示1.0与2.0的钩子函数对比咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。
Ecl_02b8·2017-12-28 18:53

Vue组件通信之Bus的具体使用

在vue2.0中$dispatch和$broadcast已经被弃用。官方文档中给出的解释是：因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。
Damer·2017-12-28 10:07

Vue2.0使用axios引入本地JSON文件踩的坑

今天学习Vue2.0使用axios引入本地JSON文件踩的坑。1.如何引入axios，import、prototype本地JSON文件需放在static文件夹之下。（以及图片文件）。
Alcantara6·2017-12-28 01:29

Vue2.0

第三章：{{status?'success':'fail'}}==>v-for数组和对象的区别：数组：对象：组件：（通过for循环传参给子组件）==>数组、对象操作方法：push()pop()shift()unshift()splice()sort()reverse()以上会触发dom刷新filter()concat()slice()this.items[0]="newValue"==>使用全局方
royluck·2017-12-23 15:15

vue2.0入手踩的第三个坑-网络请求

Uncaught(inpromise)TypeError:Cannotreadproperty'protocol'ofundefined1：浏览器报错Uncaught(inpromise)TypeError:Cannotreadproperty'protocol'ofundefined浏览器报错.png2：源码错误的：Vue.use(axios,VueAxios)修正后：Vue.use(VueAx
麦壳儿UIandFE2·2017-12-21 17:24

基于vue2.0 +vuex+ element-ui后台管理系统:包括本地开发调试详细步骤

效果演示地址,github地址：demo演示：1、About此项目是vue2.0+element-ui+node+mongodb构建的后台管理系统，所有的数据都是从服务器实时获取的真实数据，具有真实的注册、登录、数据显示、新增数据、修改数据、删除数据等功能。2、说明如果对您对此项目有兴趣，可以点"Star"支持一下谢谢！^_^或者您可以"follow"一下，我会不断开源更多的有趣的项目开发环境wi
流浪的诗人·2017-12-21 08:00

移动端 Modal 组件开发杂谈

Vant是有赞开发的一套基于Vue2.0的Mobile组件库，在开发的过程中也踩了很多坑，今天我们就来聊一聊开发一个移动端Modal组件（在有赞该组件被称为Popup）需要注意的一些坑。
cookfront·2017-12-20 00:00

vue2.0——用户管理系统04

好了继续开始，进入页面所有组件中在最外层加入container的classdivclass="aboutcontainer"然后开始布局，打开Customers.vue开始安装vue-resourcecnpmivue-resource--save然后打开main.js导入importVueResourcefrom'vue-resource'Vue.use(VueResource)然后打开Custo
面包在奔跑·2017-12-18 00:32

2017前端经典框架

一、基于Vue的UI框架：ElementUIElementUI是由饿了么UED设计、饿了么前端团队开发的，基于Vue2.0的桌面端组件库。
IOS_Mainstay·2017-12-16 09:53

vue2.0集成ueditor以及图片上传，视频上传总结

一.需求背景前段时间因业务反馈现有编辑器wangEditor功能没有百度编辑器ueditor的工能全，需要在后管项目(技术栈：vue全家桶，UI框架:MUSEElementUI)中引入ueditor，以及后续版本迭代的图片上传，支持多图上传和视频上传(支持本地视频和外部视频上传)功能等：二.使用总结1.将ueditor整个目录文件放入static目录下2.通过yarn安装依赖vue-ueditor
轨迹257·2017-12-15 15:49

Vue2.0与 [百度地图] 结合使用：

姓名：岳沁学号：17101223458转载自：http://www.cnblogs.com/yufann/p/Vue-Node9.html【嵌牛导读】：Vue2.0与[百度地图]结合使用【嵌牛鼻子】：thymeleaf
丘之心·2017-12-15 11:34

vue源码

内置组件component实现tab切换懒加载和表单输入框内容的清空vuejs内置组件component的使用vue的双向绑定原理及实现vue的双向绑定原理及实现Vue.js2.0快速上手精华梳理自从Vue2.0
weixin_33696106·2017-12-14 19:30

vue 页面缓存

vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗//这是目前用的比较多的方式routes:[{path:'/',redirect:'/index',component
lijj_html5·2017-12-13 16:36

vue2.0 常用的 UI 库实例讲解

1.mint-ui安装：npminstallmint-ui--save使用：main.js//MintUI组件库importMintUIfrom'mint-ui'import'mint-ui/lib/style.css'Vue.use(MintUI)2.vux安装：npminstallvux--savenpminstallvux-loader--save使用：vux2必须配合vux-loader使
每天都要进步一点点·2017-12-12 09:07

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

这里说的是vue2.0和animate.css的结合使用。其实用过就知道用法是比较简单的。但是就是刚开始使用的时候，难免有的会遇到各种问题。简单的说说我所用过并且遇过的坑。
课桌上画青春·2017-12-12 09:56

Vue2.0学习之详解Vue 组件及父子组件通信

什么是组件？vue中的组件其实就是页面组成的一部分，好比是电脑中的每一个元件（如硬盘，键盘，鼠标），它就是一个具有独立逻辑或界面，同时又能根据规定的接口规则进行相互融合，变成一个完整的应用。页面就是由一个个类似这样的部分组成的，比如导航，列表，弹窗，下拉列表等。页面只不过是这些组件的容器，组件自由组合形成功能完整的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行替换和删除，而不影响整个
范小饭_·2017-12-12 09:22

Vue2.0 slot分发内容与props验证的方法

使用一种方式混合父组件的内容与子组件自己的模板，这个过程被称为“内容分发”。在子组件中使用特殊的元素作为内容的插槽。Slot分发内容概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。默认情况下父组件在子组件内套的内容，是不显示的。例如代码：12345varvm=newVue({el:'#app',componen
范小饭_·2017-12-12 09:39

vue实现 移动端touch--点击、双指与拖拽指令

因为vue-touch目前不支持vue2.0，所以自己写了几个手势。
oylp·2017-12-12 00:00

VUE2.0从零开始 学习路线

前提前提条件：JS/HTML/CSS基础扎实。凡事欲速则不达，要稳扎稳打，步步为营。起步1.先撸一遍官方基础教程，所有的例子都敲一遍，理解用法，学着举一反三，结合自己的经验试着写一些例子，加深理解。不要直接用构建工具vue-cli构建项目。2.再撸一遍进阶教程，到自定义指令(CustomDirective)部分。着重理解Vue的响应式机制和组件生命周期。遇到不太理解的可先跳过。3.阅读关于路由和状
Blacker丶Boom·2017-12-11 02:28

Vue2.0 使用组件

Vue2.0.pngsrc目录结构image.png在components中编辑组件apple.vue:{{msg}}exportdefault{name:'apple',data(){return{msg:'apple'}}}在App.vue中注册并使用组件![](./assets/logo.png)dosometinghere//导入组件importApplefrom'./components
amuqiao·2017-12-10 08:08

Vue2.0系列（四）Vue 组件及父子组件通信

什么是组件？vue中的组件其实就是页面组成的一部分，好比是电脑中的每一个元件（如硬盘，键盘，鼠标），它就是一个具有独立逻辑或界面，同时又能根据规定的接口规则进行相互融合，变成一个完整的应用。页面就是由一个个类似这样的部分组成的，比如导航，列表，弹窗，下拉列表等。页面只不过是这些组件的容器，组件自由组合形成功能完整的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行替换和删除，而不影响整个
范小饭_·2017-12-09 11:10

Vue2.0学习文档（Vue介绍）

一、引入二、简单指令1、起步文本插值{{message}}varapp=newVue({el:"#app",data:{message:"hello"}})例子1：Vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进DOM的系统：现在数据和DOM已经被绑定在一起，所有的元素都是响应式的。我们该如何知道呢？打开你的浏览器的控制台(就在这个页面打开)，并修改app.message起步文
Vivianluolita·2017-12-08 16:39

Vue-Router2.0教程

vue2.0路由:http://router.vuejs.org/zh-cn/index.html基本使用:布局主页路由具体写法//组件varHome={template:'我是主页'};varNews
董董董董董董董董董大笨蛋·2017-12-08 14:59

vue2.0使用animate.css动画，transition&transition-group

//transition中有一个v-show/v-if//transition中有多个v-show/v-if使用transition-group，内元素要加key
你蠢哭我咯·2017-12-08 11:11

vue2.0移动端滑动事件vue-touch

https://github.com/vuejs/vue-touch/tree/nextcnpminstallvue-touch@nextvarVueTouch=require('vue-touch')Vue.use(VueTouch,{name:'v-touch'})//左划默认渲染为divdata为参数Swipeme!//点击渲染为一个a标签Tapme!//点击渲染为p标签Tapme!
你蠢哭我咯·2017-12-08 10:13

Vue2.0全家桶腾讯课堂（移动端）

Vue2.0全家桶实战腾讯课堂（移动端），不当之处还请大家指正（持续更新中）。效果预览在线预览：点我！！！
舍一生浮名·2017-12-08 05:35

基于Vue的组织架构树组件

一款基于Vue2.0的组织架构树组件，支持节点定制、节点样式定制、支持水平展示本文首发于掘金：https://juejin.im/post/5a265ed551882531ba10cce8由于公司业务需求
Cocokai·2017-12-07 10:26

vue2.0页面渲染注意事项

一般我们在处理一个页面n多个表单提交的原始时，为了方便，就会把所有的v-model的值设为一个对象里的某个字段。如果发生以下这种情况时，则需要注意了。如果这个页面的数据需要同步回显的时候，但发生渲染失败（也就是后台传过来的数据前端渲染不上）的情况。就从以下两个方面查看代码：1、如果需要用watch监听某个v-model，或者需要这个v-model根据后台返回的数据进行回显时，则必须要在data里初
渡鸦233·2017-12-07 07:30

todoMvc之vue2.0实现

todoMvc就是一个增删改查的小应用，理解这一点就很容易上手todoMvc脑图demo预览项目源代码todoMvc模版一些技术实现：利用localstorage存储数据在计算属性中根据路由hash调用不同处理程序实现todos的筛选利用自定义指令实现双击聚焦利用watch、computed观测某些值的改变
Ray1214·2017-12-06 21:59

vue-server-renderer

此程序包是自动生成的.有关拉取请求，请参阅src/entries/web-server-renderer.js.此软件包提供Vue2.0的Node.js服务器端呈现。
1bdd9a4a74a2·2017-12-06 04:25

基于vue2.0实现的vivo移动端商城(vue+vuex+vue-ruoter+webpack)

前言初学vue2.0也有一两个月的心想想做个小项目来测试下我的水平，这不撸起袖子就是干，看了vivo移动商城挺简洁的就仿了个vivo商城，之所以选择vivo商城，是因为商城涉及到购物车操作、订单管理、其次就是网上也有很多的案例但都是音乐播放器
justDoin·2017-12-05 00:00

9 vue2.0状态

生命周期*代表常用beforeCreate组件实例刚刚被创建,属性都没有created实例已经创建完成，属性已经绑定beforeMount模板编译之前mounted模板编译之后，代替之前ready*beforeUpdate组件更新之前updated组件更新完毕*beforeDestroy组件销毁前destroyed组件销毁后newVue({el:'#box',data:{msg:'welcomev
0efb885b580c·2017-12-04 21:43

vue2.0 笔记

1、指令指令带有前缀v-，以指示它们是Vue.js提供的特殊特性。也有一些其它指令，每个都有特殊的功能。例如，v-for指令可以绑定数据到数据来渲染一个列表v-on指令绑定一个监听事件v-model指令，它使得在表单输入和应用状态中做双向数据绑定变得非常轻巧2、组件在Vue里，一个组件实质上是一个拥有预定义选项的一个Vue实例3、实例每个Vue.js应用的起步都是通过构造函数Vue创建一个Vue的
linda102·2017-12-04 05:18

利用http-server测试vue-cli打包后的项目

目前在练习Vue，利用vue-cli脚手架开发了个vue2.0仿唯妮海购项目，在生产环境中一切良好，项目暂时告一段落，根据官方的npmrunbuild打包后发现，在自己没有线上服务器的情况下，测试成为一大难题
冰扬·2017-12-01 00:00

Vue2.0 Vue.set的使用

这里我定义了一个列表数据，我将通过三个不同的按钮来控制列表数据。首先在列表中动态新增一条数据：{{item.message}}点我试试varvm2=newVue({el:"#app2",data:{items:[{message:"Testone",id:"1"},{message:"Testtwo",id:"2"},{message:"Testthree",id:"3"}]},methods:{
PromiseKeeping·2017-11-29 16:24

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

原文链接：https://my.oschina.net/u/3671084/blog/1581299本文作者Jinkey（微信公众号jinkey-love，官网https://jinkey.ai）原文链接https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao
chuoyu3723·2017-11-29 08:00
上一页 60 61 62 63 64 65 66 67 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他