为了账号安全,请及时绑定邮箱和手机立即绑定

Vue.js

聊一聊VUE组件间的数据传递

众所周知,Vue 是基于组件来构建 web 应用的。组件将模块和组合发挥到了极致。Vue 是虽说吸取了 AngularJs 的 MVVM的思想,但是它是单向数据流的,也就是说子组件无法直接改变父组件状态。下面总结出常用的组件消息传递的方式。 父组件向子组件传递数据 该方式的数据传递是遵循 Vue 单向数据流的规则的,因此使用起来十分的自然。若父组件的数据改变子组件的 UI 展现也随之变化。 Par...

416浏览 11推荐 1评论

Vue.js新手教学|如何写一个Checklist组件(上)

作者:Dunizb,原文地址 建议在电脑上阅读此文,全部源代码在文章最后 本文教你如何写一个移动端的 Checklist 组件,使用 vue 单文件形式开发,适合 Vue.js 新手。同时此文非常长,最好跟着文章步骤边看边写。本文说些什么,或者你能收获什么?。 一步步从0开始有节奏的编写 Checklist 组件 在编码过程中进行功能分析 涉及一些移动端适配的问题 Vue.js组件方面的一些知识 ...

561浏览 5推荐 1评论

vue.js 组件的重要选项

vue.js 组件的重要选项 data : {} //vue对象的数据 methods : {} //对象方法 watch : {} //对象监听 HTML 模板指令 数据渲染层 1.v-text <p v-text="?"></p> //绑定vue的数据对象 2.v-html <p v-html="?"></p&g...

41浏览 1推荐 0评论

滴滴 Web 移动端组件库 cube-ui 开源 原创

滴滴 WebApp 团队在去年底用 Vue.js 2.0 对业务进行重构,并开发了一套移动端组件库 cube-ui 支撑业务的开发。经过了一年多的业务考验,cube-ui 也日趋成熟,而且我们相信除了在滴滴内部,cube-ui 也一定也有它的用武之地。好的东西必须要和大家分享,所以我们非常开心的告诉大家, cube-ui 在今天正式开源,源码地址: https://github.com/didi/...

1868浏览 15推荐 6评论

vuex给getter传参的官方例子解读 原创

最近遇到一个需求,需要在使用vuex的getter获取数据的时候传入参数。遇到问题当然首先是查看文档,然鹅,一脸懵逼。当然最后通过我不断的努(bai)力(du) ,终于能够理解那个官方demo了。为了自己以后复习以及服(zhi)务(shi)小(xiang)伙(zhuang)伴(bi),决定把个人理解记录下来,如果各位看官发现有什么问题,请及时和我联系,这样我就知道又有一个 人看了我的文章!!! 官...

659浏览 6推荐 2评论

NPM镜像设置以及问题处理

专门用于处理vue不能构建项目的问题: vue-cli · Failed to download repo vuejs-templates/webpack: unable to verify the first certificate 步骤如下: 安装镜像切换工具: npm install -g nrm 查看当前支持切换的源: nrm ls 切换指定的源: nrm use cnpm 最后关闭ssl...

116浏览 1推荐 0评论

vue,vue,vue,vue,vue,

1. vue 的三个特点: 数据双向绑定,组件化,单文件组件 2、vue的基本概念 全局api: vue.extend, vue.set 实例选项: new Vue() el,data,compents都是vue实例选项 实例属性和方法: vm.$on,vm.$data 在$都是vue的实例和方法 指令:directive 内置组件:<components></componten...

297浏览 2推荐 0评论

使用vue-cli脚手架工具创建一个简单的单页应用 原创

vue2.0已经出来很久了,但是相关的实战项目却很少,以下是我个人练手项目,分享给大家,希望大家可以相互交流,若有错误,请告知。 首先我们需要用到猫眼电影提供的数据api接口,接口详情可以参照这篇文章:http://www.jianshu.com/p/9855610eb1d4。 现在开始我们的项目: 1、首先你需要安装node.js,webpack,默认读者已经安装完毕,在以上条件下,我们安装vu...

551浏览 5推荐 2评论

vue2.0中组件传值理解

vue学习一般先从官网学习开始(https://cn.vuejs.org/) 因为英语水平一般,所以也就从中文文档开始撸起。 vue中比较好理解的部分包括: 1.声明式渲染 2.条件和循环 3.处理用户输入(表单输入相关) 以上官网也对应有相关例子,比较容易理解 实际项目中最常用到也是有点难理解的是组件相关的内容。组件可以理解为一个拥有自定义选项的vue实例,在我的理解就是可以重复使用的网页的一部...

239浏览 1推荐 0评论

webstorm 配置vue.js。

由于以前开发ionic+angularjs用习惯了webstorm,现在要用vue.js所以继续用webstorm。 1,下载最新版webstorm。下载地址https://www.jetbrains.com/webstorm/download/download-thanks.html 2,下载后安装,默认安装就可以。 3,破解方法:选择“license server” 输...

638浏览 4推荐 0评论

前端MVC,JS模板替换实现原理

我们常用的框架,比如Vue、Angular等,都有属于它们自己的表达式,比如{{}},它们的数据绑定实现原理其实是利用了正则表达式。 MVC模式 M model 模型 数据 V view 视图层 C control 控制器 view。注意:这里的script标签的type属性要设置为“text/html”,这样浏览器在渲染页面时不会把script标签里面的内容渲染到页面上。...

497浏览 1推荐 0评论

Maven多模块+SSM框架(六、 Vue.js渐进式框架配合Ajax

前言 最近学习了Vue文档真的是非常友好,简单易懂,所以学习成本比较低,易上手。 建议学习时看官方文档(自我感觉比看视频效果好点) Vue.js 渐进式JavaScript 框架 添加Vue.js引用 在之前配置的“装饰页”中添加引用 建议先看Maven多模块+SSM框架(五、Bootstrop3+Sitemesh3网页布局和修饰的框架) 添加studentInfo.js ...

3057浏览 11推荐 1评论

Vue2.0 全家桶开发的网页应用

github链接 借鉴吾记APP,使用 vue2.0+vue-router+vuex 为主要技术栈,elementui做为ui框架,多模块 spa 模式,webpack2.0 负责模块打包,gulp 负责处理静态资源打包、压缩,欢迎打赏star!!! 吾记前端构建流程 本地环境准备 安装node: * https://nodejs.org/en/download/ ("node"...

2434浏览 12推荐 0评论

【快速上手】Vue.js 购物车入门实战 原创

初学vue,在了解了文档基础部分后就可以尝试做一些比官网示例更复杂一点的Demo了——比如这个购物车项目。 在线预览 介绍 通读官方教程 (guide) 的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。 —&...

2918浏览 34推荐 0评论

electron + vue 实践项目 原创

github地址 本地安装环境准备 安装node: * https://nodejs.org/en/download/ 配置webpack: npm install -g webpack(sudo权限) windows配置cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 因为npm的默认仓库在国外,下载很慢,国...

2329浏览 9推荐 1评论
首页上一页1234567下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信