vue.js

Vue 實作簡易驗證機制 App

為了顯示出 Vue.js 強大的能力 ，本文將會逐步指導建置一個簡單的前端應用程式。搭配 Node 所建置的後端程式範例。前後端兩個程式是完全分離的，後端使用 RESTful API 的方式負責取得資料與驗證。本文旨在說明如何替 Vue.js 程式加上驗證機制，過程中我們會使用 vue-router, vue-resource 實作 Login 與 Signup 元件展示如
业界 2016年06月23日

使用Vue.js和Vue实现购物车场景

本文是上篇文章的序章，一直想有机会再次实践下Vuex。写下这篇总结，See Demo。什么是Vuex？Flux-inspired Application Architecture for Vue.jsVuex实际上是类Flux的数据管理架构。它主要帮我们更好的组织代码，更好的让Vue中的状态更好的通过状态管理维护起来。在实际项目运用中我们需要对组件的 组件本地状态(comp
业界 2016年06月23日

vue组件系列－气泡卡片

从模态弹框讲起前端攻城:lion_face:️对模态弹框肯定很熟悉，不管是套用bootstrap的还是自己写的，它常用来完成与用户的展示交互和处理一些数理逻辑。但是在用来展示小体量的信息是我认为它是过于庞大的，我们可以采用更优雅的气泡卡片来展示那些小体量的信息。就像这样的↓↓↓先附上体验地址实现vue模版 {{title}} {{content}}这里对
业界 2016年06月28日

vue cascading select

{{item.name}}{{item.name}}{{value1|json}}{{value2|json}}-->'use strict';new Vue({el: '# demo',data: {value1: null,value2: null,list1: [],list2: [],},ready() {for (var i = 0; i t.pid === v
业界 2016年06月29日

Vuejs的一些总结

最近一段时间忙着工作的一些事情，同时自己也在试着把项目中的一些移动端页面试着用vuejs重写，所以没时间写文章，今天终于有空可以写一下，由于页面并没有写完，所以就将自己这几天做页面的时候遇到的一些问题总结了一下。其实很多在官网都能找到，但是我们只看官网教程不去写，很难理解到底是什么意思，这里我把我用到的列出来。文章中提到的很多东西都在我的demo中用到，我的demo地址：h
业界 2016年06月30日

用Vue JS实现Accordian效果

1 综述用Bootstrap的CSS部分实现CSS效果，VueJS实现Accordian效果。利用Vue JS的v-show或v-if指令，显示或隐藏panel-body2 过程构建相应的Component利用Bootstrap写相应的template注册Component，完成相关的数据、属性、方法2.1 构建相应的Component2.2 利用Bootstrap写相应的
业界 2016年07月02日

vue.js更改默认数据绑定的标识

vue默认的数据绑定的标识是{{}},如下{{ message }} 但是可能和有些模版语言的标识相同,可以通过如下修改数据绑定标识为 Vue.config.delimiters = ['']; var vue = new Vue({el: '# runnerapp',data: {t_serviceurl:'',t_response: 'response result'}
业界 2016年07月03日

使用 Vue.js 构建单页应用

原文地址：https://coligo.io/learn-vuex-by-building-notes-app/前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来
业界 2016年07月03日

Vue.js 开发实践：实现精巧的无限加载与分页功能

本篇文章是一篇Vue.js的教程，目标在于用一种常见的业务场景——分页/无限加载，帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比，更全面的展示使用Vue.js完成一个需求的思考过程；与一些构建大型应用的高阶教程相比，又更专注于一些零碎细节的实现，方便读者快速掌握、致用。需求分析当一个页面中信息量过大时（例如一个新闻列表中有200条新
业界 2016年07月04日
加载更多