vue.js 做城市联动

用Vue.js来实现城市三级联动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> .selBoxList{width:100%;margin-top:50px;text-align:center;} .selBoxList .selSt{min-width:100px;display:inline-block;position:relative;;

Vue.js组件之联动下拉框

Html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉框</title> <link href="../public/stylesheets/bootstrap.min.css" rel="stylesheet" type="text/c

用Rails.5.2+ Vue.js做 vue-todolist app

Rails5.2+Vue.js完成Lists(curd) 注意: Edit/update使用SPA(single-page Application单页面程序)的方法完成.点击文字出现一个输入框和按钮. 我的git: https://github.com/chentianwei411/vue-lists app/javascript/pack/application.js lists.vue 添加了方法在new Vue创建实例的时候添加了hook created方法,钩子方法调用了fetchLi

vue select二级城市联动及第二级默认选中第一个option值

当二级联动比如选择国家的时候,希望选中一个国家的时候后面城市默认选中第一个城市,则给国家的select加一个@change事件就可以了 <div class="inputLine"> <span>所在区域</span> <select name="" v-model="countryName" @change="selectCountry"> <option :value=

vue.js有什么用，是用来做什么的（整理）

vue.js有什么用,是用来做什么的(整理) 一.总结一句话总结:用数据绑定的思想,vue可以简单写单个页面,也可以写一个大的前端系统,也可以做手机app的界面. 1.Vue.js是什么? 渐进式框架自底向上增量开发的设计易学习易整合 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有

Vue.js：轻量高效的前端组件化方案

转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉.不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了. Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. 开发初衷 2013年末,我还在Google Creativ

Vue.js：轻量高效的前端组件化方案（转载）

摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. 开发

webpack配合vue.js实现完整的单页面demo

本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用,因为需要用到node的npm,所以确保安装了node,建议官网安装最新的稳定版本.并且在项目中需要加载一些npm包,由于npm的服务器在国外,可能我们下载的过程会比较慢,所以建议用阿里的镜像cnpm安装,10分钟实时更新一次npm的镜像.具体的下载配置参考阿里的cnpm官网.本文章只是和大家探讨怎么利用webpack配合vue.js做一个单页面应用,具体关于vue里面的内容怎么写并不在本篇文章的介绍范围. 1. 定义我们de

前端架构之路：使用Vue.js开始第一个项目

Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/vue2/vue-tutorial.html. 2. ES6的模块化加载有E

vue.js用法和特性详解

前言最近用Vue.js做了一个数据查询平台,还做了一个拼图游戏,突然深深的感到了vue的强大. Vue.js是一套构建用户界面(user interface)的渐进式框架.与其他重量级框架不同的是,Vue 从根本上采用最小成本.渐进增量(incrementally adoptable)的设计.Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成.另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供有力驱动. Vue

Vue的理解：Vue.js新手入门指南----转

最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目. 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识.作为一个之前以PHP+模版引擎为主的开发,从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附属的UI库来开发项目,我总结了一些知识和经验

Vue.js基础拾遗

本篇目录: 模版语法插值指令 v-bind指令 v-on指令计算属性与侦听器计算属性VS方法计算属性VS侦听属性 Class与Style绑定绑定HTML Class 绑定内联样式条件渲染 v-if & v-show 列表渲染事件处理事件修饰符按键修饰符系统修饰键(2.1.0 new) .exact修饰符(2.5.0 new) 鼠标按钮修饰符(2.2.0 new) 表单输入绑定修饰符 .lazy .number .trim 组件基础插槽解析DOM时的注意事项小结模版

Vue.js开始第一个项目

前端架构之路:使用Vue.js开始第一个项目 Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备使用传统mvc项目的开发人员,笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/v

Vue.js 入门指南

1.Vue.js是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 如果你是有经验的前端开发者,想知道 Vue.js 与其它库/

Vue.js教程--基础(实例模版语法template computed, watch v-if, v-show v-for, 一个组件的v-for.)

官网:https://cn.vuejs.org/v2/guide/index.html Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统. 视频教程:https://scrimba.com/g/glearnvue 介绍实例模版语法template computed, watch v-if, v-show v-for, 一个组件的v-for. 查看我的codepen案例: https://codepen.io/chentianwei411/pen/Eeme

【转】Vue.js：轻量高效的前端组件化方案

摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. 开发

终于 Vue.js 成为世界一流的框架

终于 Vue.js 成为世界一流的框架随着美团开源基于 Vue.js 的微信小程序框架 mpvue, Vue.js 在微信小程序端的能力被补齐,于是 Vue.js 成为了一个唯一能在 Web, H5, App, WeChat 运行的前端框架,全平台制霸的梦想成为了现实,这些都已经推动 Vue.js 成为了一个世界级的一流框架. 当尤大写下第一行 Vue.js 的代码时,他可能不会想到 Vue.js 会发展成今天的样子:github 上 86041 个赞:供献者 181 人,比一个中型公司的研发

Vue.js新手入门指南

最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目. 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识.作为一个之前以PHP+模版引擎为主的开发,从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附属的UI库来开发项目,我总结了一些知识和经验

Vue.js应用基础

声明这篇博文是我的Vue学习记录,其中参杂了不少我个人的理解,由于我并没有继续学习Vue的源码,所以不能保证这些理解都是正确的.如果这篇博文有幸被你读到,请带着批判的心情去审视它. 如果你发现了其中的问题,衷心希望你能指出来. 这篇博文记录顺序大致是按照Vue官方教程来整理的,同时也根据我的理解做了一些顺序上的小调整.如果你想了解完整的信息,请移步Vue.js. 一简介 1,什么是vue Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.所谓渐进式即是指我

使用 Flask 和 Vue.js 来构建全栈单页应用

在这个教程中,我将向你展示如何将 Vue 的单页面应用和 Flask 后端连接起来. 简单的来说,如果想在 Flask 中使用 Vue 框架是没有什么问题的. 但在实际中存在一个明显的问题就是 Flask 的模版引擎 Jija 和 Vue 一样使用双花括号来渲染,对于 Jinja 模板和 Vue 的语法冲突问题,这里有一个很好的解决方案 here. 我想做个不一样的. 做一个用 Vue.js 做前端(用单页组件,HTML5 历史模式的「vue-router」,以及其他好的特性),用 Flask

使用IDEA+vue.js+easyUI的demo

最近,随便写了几个开发的小例子,自己总结下,留个纪念. 例子1:使用EasyUI做了一个简单界面,服务器和客户端在一起. @Controller @RequestMapping("/demo") public class TestController { @RequestMapping(value = "/demo", method = { RequestMethod.GET, RequestMethod.POST}) public String getDialog

vue.js 做城市联动

热门专题