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

Vue.js

【获奖名单公布】实战课陪你狂欢

获奖名单公布 由于抱枕名单较多,就不公布了,只要是规定时间内都会有~~ 同时uid更方便大家明确指定自己,担心有临时改名的 uid的查看,点击自己的个人中心,网址上的u/10000的后面字数 获得爱奇艺电视果的用户uid: 231983、269742、353609、485666、1061197、1091629、1226205、1244292、1868326、1884356、1989808、2749...

11581浏览 140推荐 50评论

Vue.js常用开发知识简要入门(二) 原创

v-pre 指令 Vue.js 的指令是带有前缀 v- 的特殊 HTML 属性,其中的v-pre 指令用于指示 Vue 编译器跳过含有该指令的元素及其子元素,该指令主要有如下两个用途: 显示原始插值标签 跳过大量没有指令的节点以降低编译时间 编写较复杂的 Vue.js 模板时可以适当使用 v-pre 指令,提升编译效率。 数据绑定 插值 使用Mustache语法: {{ msg }} {{{ HT...

239浏览 2推荐 0评论

vue2.0自制简单时间选择器 原创

Vue.component('vue-timepicker', { template: ` <div class="fh-d-picker"> <input type="text" @focus="show=true" @change="show=!true" v-model=&q...

211浏览 1推荐 1评论

Vue.js常用开发知识简要入门(一) 原创

Vue-cli创建项目 安装:npm install -g vue-cli vue list命令 :查看官方模版列表 初始化项目:vue init webpack 项目名 安装依赖:npm install 运行:npm run dev Vue动画支持(transition) 以DIV从右到做的飞入动画为例。 在需要加动画的组建上设置属性:transition="动画名称" &l...

1001浏览 20推荐 0评论

vue2.0实现轻量级日期选择器组件 原创

vue2.0实现轻量级日期选择器组件 最值效果如图: //css .dp { margin-top:5px; width: 213px; height: 240px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.17); border: 1px solid #d9d9d9; border-radius: 6px; position: absolute; top: 28p...

296浏览 3推荐 0评论

vue2.0组件通信各种情况总结与实例分析 原创

Props在vue组件中各种角色总结 在Vue中组件是实现模块化开发的主要内容,而组件的通信更是vue数据驱动的灵魂,现就四种主要情况总结如下: 使用props传递数据---组件内部 //html <div id="app1"> <i>注意命名规定:仅在html内使用my-message</i> <child my-message=&q...

1548浏览 19推荐 1评论

Vue2.0文档学习及案例总结之----List Rendering 原创

Vue2.0文档学习及案例总结之----List Rendering 众所周知,任何程序都离不开循环,条件,和分支。而列表渲染正是循环的体现,这也是vue复杂应用的基础。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit...

321浏览 3推荐 0评论

Vue2.0路由学习探索总结---simple-demo 原创

Vue2.0路由学习探索总结---simple-demo 小试牛刀 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vu...

160浏览 1推荐 0评论

Vue2.0文档学习及案例总结之----Render Function 原创

Vue2.0文档学习及案例总结之----Render Functions 以下学习总结,目前对于JSX和functional render尚未全面分析,但大多数常规做法都有了分析,这个将在后继文档中补充。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&...

322浏览 1推荐 0评论

vue2.0构建单页应用最佳实战

前言 我们将会选择使用一些vue周边的库vue-cli, vue-router,vue-resource,vuex 1.使用vue-cli创建项目 2.使用vue-router实现单页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发 PS:本文node v6.2.2 npm v3.9.5 vue v2.1.0 vu...

1221浏览 6推荐 8评论

用Vue实现timepicker功能 原创

在github上看到的练习,看了遍代码后,按自己的思路再修改了一下。 先放原址:https://github.com/graysheeep/vue-material-timepicker。 自己做的在线demo:http://jsbin.com/dumace/2/edit?html,js,output 主要用到的还是Vue的基本知识而已,不过要想到的细节很多。 先放效果,点击上框,显示timepi...

247浏览 1推荐 0评论

vue新手入门demo vue2.0+vue-router+vuex

vue新手入门demo vue2.0+vue-router+vuex 介绍 vue新手学习的一个项目 宠物领养 前端所用的是vue2.0+vue-router+vuex+axios webpack的配置之前是自己写的,但看过vue-cli后觉得那个更好,所以就用vue-cli webpack-simple那个,个人建议新手还是用simple的版本好点 数据的话暂时还没做后端,所以用mock.js模...

1737浏览 12推荐 2评论

Vuex 2.0 源码分析(上) 原创

大家好,我叫黄轶,来自滴滴公共前端团队,最近在幕课网上线了一门 Vue.js 的实战课程——《Vue.js高仿饿了么外卖App 2016最火前端框架》,同时,我们团队最近写了一本书 ——《Vue.js 权威指南》,内容丰富,由浅入深。不过有一些同学反馈说缺少 Vuex 的介绍的章节。既然 Vue.js 2.0 已经正式发布了,我们也要紧跟步伐,和大家...

6958浏览 39推荐 2评论

用vue-router实现二级菜单内容转换 原创

二级菜单导航是一种很普遍的功能,一般网页都会有这个功能。如果是平常的做法就是改变url,跳到相应的页面;还有一种就是frame。 如果用vue的话,可以用vue-router改变<router-view>里面的组件,这样就能做到不刷新页面都能跳到相应“页面”。其实url地址还是变了,但是他没有刷新页面其他位置的内容,只是改变了<router-view>...

417浏览 2推荐 0评论

用Vue.js实现一个简单的搜索框 原创

在github上看到的练习,看个遍代码后自己再练一遍,先放原址:https://github.com/lavyun/vue-demo-search 主要用到的知识很简单,简单的vuejs2.0的知识就够了。源码用了.vue构建和ES6,用了webpack打包等等。我资历还浅,先用一个简单的.js的写。 先看效果 这里有两个组件,一个组件是logo部分的,一个是搜索框部分的。 html html很简...

564浏览 3推荐 1评论
首页上一页1234下一页尾页

推荐作者

热门手记

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