<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…
vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询 基于element Transfer http://element-cn.eleme.io/#/zh-CN/component/transfer 直接上代码 <template> <div class="auth-user-list"> <el-breadcrumb separator="/"> <el-breadcrumb-item>…
上一篇:Vue系列(一):简介.起步.常用指令.事件和属性.模板.过滤器 一. 发送AJAX请求 1. 简介 vue本身不支持发送AJAX请求,需要使用vue-resource.axios等插件实现 axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护 参考:GitHub上搜索axios,查看API文档 2. 使用axios发送AJAX请求 2.1 安装axios并引入 npm install axio…
hi,大家伙,我是佛系大大,很高兴与你们一起沟通,学习,进步. 很久不更新博客了,现在回来再写博客,尽然是有些怀念的感觉,幸福的感觉.因为写博客,内心会很宁静,沉浸在自己的世界中,是很幸福的一件事.当然,并非逃离现实(鸡毛蒜皮,工作糟心的凡事),佛系大大还是很上进的,让我们一起努力. 废话不多说了,我们开始吧!  首先介绍下,我是如何学习vue的,我学习vue之前,做过哪些思考? 1.vue技术刚出来的时候,我第一眼会问,vue是什么?这个框架要干嘛? 2.没有vue这个框架,我们之前是怎么做的…
一.VUE脚手架介绍 官方说明:Vue 提供了一个官方的 CLI,为单页面应用快速搭建 (SPA) 繁杂的脚手架.它为现代前端工作流提供了 batteries-included 的构建设置.只需要几分钟的时间就可以运行起来并带有热重载.保存时 lint 校验,以及生产环境可用的构建版本.更多详情可查阅 Vue CLI 的文档. 个人理解:在实际开发中都是通过脚手架快速搭建一个vue项目,当然也可以使用CDN的方式(具体请看官网) 使用脚手架的好处: 1. 脚手架是通过webpack搭建的开发环境…
页面html代码: <li> <div class="coll-tit"><span class="coll-icon"><i class="sysfont coll-default"></i>全域旅游目的地</span> </div> <div class="coll-panel"> <div class="ti…
<script type="text/javascript"> new Vue({ el:'#app', created:function(){ var url="a.json"; this.$http.get(url).then(function(data){ var json=data.body; this.$set('json',data.data);// console.table(json) },function(response){ cons…
一.组件嵌套 1. 新建一个组件Users.vue <template> <div class="users"> <ul> <li v-for="user in users"> {{user}} </li> </ul> </div> </template> <script> export default { name: 'users', data () { r…
Ecstore的JS框架使用了mootools,所以ajax调用也使用mootools中的Request组件. 语法: var myRequest = new Request([options]); 参数: options - (object, 可选) 参见下列可选项 可选项: url - (string: 默认为 null) 请求的目标URL method - (string: 默认为 'post') HTTP请求方法, 可以是: 'post' 或 'get' data - (string:…
一. Vue.js简介 1. Vue.js是什么 Vue.js也称为Vue,读音/vju:/,类似view,错误读音v-u-e 是一个轻量级MVVM(Model-View-ViewModel)框架,和angular.react类似,其实就是所谓的数据双向绑定 数据驱动+组件化的前端开发(核心思想) 更容易上手.小巧 vue2.0和1.0相比,最大的变化就是引入了Virtual DOM(虚拟DOM),页面更新效率更高,速度更快. 参考:官网 2.vue和angular的区别 2.1 angular…