• Vue.js教程(十)--组件间的数据传递 1. 父子组件 在一个组件内部定义另一个组件,称为父子组件。子组件只能在父组件中使用。 默认情况下,子组件无法访问父组件中的数据,每个组件实例的作用域是独立的 2. 组件间数据传递(通信) (1) 子组件访问父组件中的数据 a)在调用子组件时,绑定想要获取的父组件的数据 b)在子组件内部,使用props选项声明获取的数据,即接收来自父组件的数据。 注:组件中的数据共有三种形式,data、props、computed 示例:...

  • Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star。本文将从各方面对Vue.js做一个深入的介绍。 开发初衷 2013年末,我还在Google Creative Lab工作。当时在项目中使用了一段时间的Angular,在感叹数据绑定带来生产力提升的同时,我也感到Angular的API设计过于繁琐,使得学习曲线颇为陡峭...

  • Vue.js 一套代码,发布到iOS、Android、H5、以及各种小程序 点击右上方红色按钮关注web秀,让你真正秀起来 了解 Uni-App uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。 即使不跨端,uni-app同时也是更好的小程序开发框架。 uni-app 是由 DCloud 公司打造的,DCloud公司拥有340万开发者用户,旗下uni-app有5万+案例、600+插件、50+微信/qq群、更高的百度指数...

  • Vue.js 在复杂信息流场景下的实践 经常做业务的前端同学肯定遇到过这样的业务场景: 常见的 hybird 页面 常见的 UGC 类的 PC 网页 这类页面都会承载着多个信息流列表,本文就针对这类复杂信息流页面进行梳理,给出我在做了无数次这类页面后的最佳实践总结。 你可以直接戳这个地址查看最终 demo 效果(请在手机模式下浏览) demo 的代码仓库: https://github.com/falstack/vue-hybird-best-practices 第一步:我们需要一个 Tab 组件作为承载信息流的容器 这个 tab 组件至...

  • 10 个实用的 Vue.js 工具和库 如今 Vue 的热度不断攀升,使用者越来越多,Vue.js 工具也随处可见。这种现象不是凭空产生的:Vue 的学习曲线友好,功能驱动的结构清晰易懂,文档出色易学,所以新人入门很容易,经验丰富的开发人员也可以快速从其他框架(如 React 或 Angular)切换过来。 只要你认真对待 Vue 的开发工作,逐渐就会发现很多优秀的基础工具和库。这些工具将点亮你的 Vue 开发职业生涯,让你浑身上下散发专业气息。 本文总结了一些最值得关注...

  • Vue.js作者尢雨溪:Vue 2.0渐进式前端解决方案 框架是什么?为什么要有框架?在众多的框架之中,Vue独具魅力之处在哪里呢?其背后的核心思想是什么?Vue究竟火到什么程度?最近发布的Vue2.0又做了哪些改进呢?Vue和Weex又是怎样的一种合作? 本文根据尤雨溪在2016 QCon 全球软件开发大会(上海)上的讲演整理而成。 Tips:今天文章头图来自于两位迷妹的坚持,有颜有才,这样的程序员请再来一打! 作者简介 尤雨溪,Vue Technology LLC 创始人, Vue.js作者,设...

  • 前端大牛必用的Vue.js框架到底是什么?为什么这么受欢迎! Vue.js是什么? 我们来看看百科的介绍 Vue.js:(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。 目前vue.js已经成为了前端大师必用的框架之一。想必很多小伙伴对它也很好奇,今天我们一起来认识一下vue.js! Vue.js诞生背景 近几年来,得益于...

  • vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程 导语 本次将会从头到尾详解,怎样使用vue和ElementUI快速开发后台管理系统,以及在开发过程中遇到的一些bug 如果运行时报错,请检查几个包的版本 node.js 6.10.0 npm 3.10.10 vue 2.1.6 element-ui 1.0.9 项目结构分析 活动发布 步骤一 步骤二 步骤三 步骤四 活动管理 列表页 活动详情页 活动详情 步骤一 步骤二 步骤三 步骤四 报名管理 签到 数据统计 评价管理 开发前准备 开发前,请先熟悉下面的4个文档 vue.j...

18条记录

学习推荐

  • JavaScript
  • HTML DOM
  • jQuery
  • AngularJS
  • AngularJS2
  • Vue.js
  • React
  • TypeScript
  • jQuery UI
  • jQuery EasyUI
  • Node.js
  • AJAX
  • JSON
  • Highcharts
  • Bootstrap
  • Google地图
  • 百度地图
  • DHTML
  • E4X
  • WMLScript