vue2中使用ajax

vue中本身没有ajax功能,需要使用扩展,现在推荐使用的是axios,github地址如下https://github.com/axios/axios下面各个示例<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>vueaxios使用</title><scripttype="text/javascript"src="{$Think.config.xinxi}/vue.js"></script><scripttype="text/javascript"src="{$Think.config.xinxi}/axios.min.js"></script></head><body><divid="app"></div><script>vartest=newVue({el:"#app",data:{},methods:{send:function(){axios...
代码星球 代码星球·2020-03-28

fastadmin导入表格

导入功能默认是禁用的,如需启用需做以下操作1、在你的控制器中继承import方法,如下publicfunctionimport(){returnparent::import();}2、在index.html中的build_toolbar方法添加import,如下{:build_toolbar('refresh,add,edit,del,import')}新版本已无需要修改build_toolbar方法。3、在模块对应的JS中添加import_url,如下Table.api.init({extend:{index_url:'example/index',add_url:'example/add',edit_url:'example/edit',del_url:'example/del',import_url:'example/import',multi_url:'example/multi',dragsort_url:'',table:'category',}});温馨提示:1、上传只支持xls、xlsx、csv三种格式的数据,第一行数据为数据表字段注释,因此请务必为你的数据表添加好注释...
代码星球 代码星球·2020-03-28

vue父子(父传子)传值

vue2.0中,实现父子组件间的传值,需要依靠一个props的属性,作为变量接收的对象。注:vue.js文件引用的是本地的js文件,拷贝本机运行时,可以使用cnd替换。https://www.bootcdn.cn/vue/  该网址为一个优化的vue插件的cnd加速地址,可以使用指定版本的cdn文件来运行代码!代码如下:1<!DOCTYPEhtml>2<html>34<head>5<metacharset="utf-8"/>6<metaname="viewport"content="width=device-width,initial-scale=1">7<title>props父子传值</title>8<scriptsrc="vue.min.js"type="text/javascript"charset="utf-8"></script>9<styletype="text/css">10*{11margin:0;12padding:0;13}1415.artLis...

如何用perl将表格中不同列的数据进行拼凑,然后将拼凑后的数据用“|”连接在一起

最近写了一个perl脚本,实现的功能是将表格中其中两列的数据进行拼凑,然后将拼凑后的数据用“|”连接在一起。表格内容如下:员工号码员工姓名职位入职日期1001张三销售1980/12/170:00:001002李四财务1981/02/200:00:001003王五经理1981/02/220:00:001004陈二会计1981/04/020:00:00要求如下:将员工姓名和入职日期用键值对的形式拼凑在一起,然后将拼凑后的数据用“|”连接在一起。结果如下:张三:1980/12/170:00:00|李四:1981/02/200:00:00|王五:1981/02/220:00:00|陈二:1981/04/020:00:00脚本如下:#!/usr/bin/perlusestrict;my$line;while(<>){s///;if(/(S+)s+(S+)s+(S+)s+(.*)/){$line.=$2.':'.$4.'|';}}print"$line";脚本执行的结果如下:员工姓名:入职日期|张三:1980/12/170:00:00|李...

vue的学习网址

 Vue官网:http://cn.vuejs.org/v2/guide/index.html淘宝镜像:http://npm.taobao.org/Vue-router:https://router.vuejs.org/zh-cn/Vuex:http://vuex.vuejs.org/zh-cn/intro.htmlVue资源分享:https://segmentfault.com/a/1190000008378497?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly 音乐播放器例子:https://cnodejs.org/topic/58c223d006dbd608756d0c02Vue-router例子:https://github.com/vuejs/vue-router/tree/next/examples 学习栗子:  vue+bootstrap: http://blog.csdn.net/ansu2009/article/details/5326141...
IT猿 IT猿·2020-03-27

vue 目录结构介绍

1初始目录如下:2目录结构介绍bulid:最终帆布的代码存放位置config:配置目录,包括端口号等node_modules:npm加载的项目依赖模块src:z这里是我们要开发的目录,基本上要做的事情在这个目录里面。:assets:放置一些图片,如logo等;components:目录里面存放一个组件文件,可以不用。App.vue;项目入口文件,我们可以直接将组件写在这里。而不使用components目录main.js:项目的核心文件static静态资源目录如图片、字体等test初始测试目录,可以删除.xxxx文件 这些是一些配置文件,你可以添加一些meta信息或统计代码啥的。package.json项目配置文件README.md:项目的说明文档,markdown格式 ...

使用vue-cli启动项目出错

Vue.js(读音/vjuː/,类似于view)是一套构建用户界面的渐进式框架。  Vue只关注视图层,采用自底向上增量开发的设计。  Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。  Vue学习起来非常简单,本教程基于Vue2.1.8版本测试。  Vue当与单文件组件和 Vue生态系统支持的库结合使用时,Vue也完全能够为复杂的单页应用程序提供驱动。vue安装1独立版本 之间下载vue.js<script》标签引入2NPM:在用vue构建大型项目应用时推荐使用NPM.前提是安装了nodenpmwebpackvue查看node node-v表明node安装成功查看npmnpm-v表明npm安装成功  升级npm     npminstallnpm-g   使用npm安装模块,因为国外的网络不稳定,会很慢,所以建议是用淘宝的镜像,安装cnpm查看cnpmcnpm-vcnpm安装成功 查看vue版本vue-V(V是大写的...

vue 基础知识 随笔

window.localStorage.gettItem("someItem"||[])//如果localStorage中的someItem不存在就返回一个空数组window.localStorage.setItem("someItem",someValue)//向localStrorage中存入一个便变量someItemconst ES6的规范 定义一个常量export相当于model.export()就是导出这个对象 //导出的方法放在这里exportdefault{  save(){    //returnsonmething;  }//ES6d的语法,定义一个方法相当于save:function(){//returnsonmething;} vue推荐使用save(){//returnsonmething;}}//导入方法importimportstoreform'./store' ES6的语法 相当于 importstoreform'./store.vue'这样就可以使用store中的方法 &nb...

Vue 响应式原理

Vue嘴显著的特性之一便是响应式系统(reactivitysystem),模型层(model)只是普通JavaScript对象,修改它则更新视图(view)。如何追踪变化把一个普通的JavaScript对象传给Vue实例的data选项,Vue将遍历此对象的所有属性,并使用Object.defineProperty把这些属性全部转为getter/setter.Object.defineProperty是仅ES5支持,并无法shim的特性,这也就是为什么Vue不支持IE8以及更低版本浏览器的原因。用户看不到getter/setter,但是在内部他们让Vue跟踪依赖,在属性被访问和修改时通知变化。这里需要注意的问题是浏览器控制台在打印数据对象时 getter/setter 的格式化并不同,所以你可能需要安装vue-devtools来获取更加友好的检查接口。每个组件实例都有相应的 watcher 实例对象,它会在组件渲染的过程中把属性记录为依赖。之后当依赖项的setter被调用时,会调用watcher重新计算,从而致使它关联的组件得以更新。变化检测问题受...
IT猿 IT猿·2020-03-27

vue实例以及生命周期

每一个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的:varvm=newVue({//选项});虽然没有完全遵循MVVM模式,Vue的设计无疑受到了它的启发。因此在文档中经常会使用vm这个变量名表示Vue实例。在实例化Vue时,需要传入一个选项对象,它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。可以扩展Vue构造器,从而用预定义选项创建可复用的组件构造器:varmyComponent=Vue.extend({//扩展选项});//所有的MyComponent实例都将以预定义的扩展选项被创建varmyComponentInstance=newMyComponent();尽管可以命令式地创建实例,不过在多数情况下建议将组件注册为一个自定义元素,然后声明式的使用在模板中。(所有的Vue组件其实都是被扩展的Vue实例)每一个Vue实例都会 代理 其data对象里所有的属性:vardata={a:1};varvm=newVue({  data:data});vm.a==data.a====>>>true//设置属性也会影响到原...

vue 模板语法

Vue.js使用了基于HTML的模板语法,允许开发者声明式将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML,所以可以被遵循规范的浏览器和HTML解析器解析。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,在应用系统改变时,Vue能够智能计算出重新渲染组件的最小代价并应用到DOM操作上。#文本数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本插值:{{msg}}通过使用v-once指令,你也能执行一次性的插值,当数据变化时,插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定:<spanv-once>{{msg}}</span>#纯HTML双大括号会将数据解释为纯文本,而非HTML。为了输出真正的HTML,你需要使用 v-html 指令:<divv-html="rawHtml"></div>被插入的内容都会被当做HTML——数据绑定会被忽略。注意,你不能使用 v-html 来复...
IT猿 IT猿·2020-03-27

vue 指令

指令是带有v-前缀的特殊属性。指令属性的值预期是单一javascript表达式(除了v-for),指令的职责就是当其表达式值改变时相应地将某些行为应用到DOM上;#参数有些指令能接受一个'参数',在指令后以冒号指明。例如,v-bind指令被用来相应地更新HTML属性:<av-bind:href="url"></a> 在这里href是参数,告知v-bind指令将该元素的href属性与表达式url的值绑定<av-on:click="doSomething()"></a>在这里参数是监听的事件名。#修饰符修饰符是以半角句号.指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。例如:.prevent修饰符告诉v-on指令对于触发的事件调用event.preventDefault();<formv-on:submit.prevent="onSubmit"></form>过滤器Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache插值和v-bind表达式。过滤器应该被添...
IT猿 IT猿·2020-03-27

vue watcher

虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的watcher。这是为什么Vue提供一个更通用的方法通过watch 选项,来响应数据的变化。当你想要在数据变化响应时,执行异步操作或开销较大的操作,这是很有用的。例如:在这个示例中,使用 watch 选项允许我们执行异步操作(访问一个API),限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这是计算属性无法做到的。<divid="watch-example"><p>Askayes/noquestion:<inputv-model="question"></p><p>{{answer}}</p></div><!--Sincethereisalreadyarichecosystemofajaxlibraries--><!--andcollectionsofgeneral-purposeutilitymethods,Vuecore--><!--isabletoremainsma...
IT猿 IT猿·2020-03-27

vue 简介

Vue.js是一套构建用户界面的渐进式框架。采用自底向上增量开发的设计。Vue的核心值关注视图层非常容易与其他库和已有的项目整合。另外,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。Vue.js的目标是通过尽可能简单地API实现响应式数据绑定和组合的视图组件。vue的核心是允许你使用简单地模板语法来声明式的将数据渲染进DOM的系统 demo:<divid="app"><div>{{msg1}}</div></div> varapp=newVue(function(){    el:"#app",    data:{      msg1:"thisismyfirstvueMsg",      items:[1,2,3,4,5,6,7,8,9,10],      methods:{        veverseMessage:function(){          this.msg1=this.msg1.split("").reverse().join("")        }      ...
IT猿 IT猿·2020-03-27

vue-cli

通过<script>标签把vue.js引入进来,就可以使用vue.js了,但是在真正开发一个应用的时候,我们补课避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的,但是项目初始化将会是一个让人痛苦的事情,这就是为什么我们做了vue-cli,让一个简单地命令工具来帮助你快读的构建一个拥有强大构建能力的Vue.js的项目使用方法:安装vue-cli使用vue-cli初始化项目进入到目录安装依赖开始运行上面的这些命名会从vuejs-templates拉取模板并安装,然后用NPM安装依赖,最后你只需要用个NPM脚本启动就能开始开发了官方模板查看官方模板:创建属于你的模板如果你对官方的模板不感兴趣,你可以自己fork下来然后进行修改(或者重新写一个),然后用vue-cli来调用。因为vue-cli可以直接拉取git源:无处不在的Vue组件每一个模板都有自己的作用:基础版本用于快速构建原型,高级版本用于正式开发。这些模板有许多共同的功能,如都支持*.vue组件。这意味着任何第三方的Vue组件都可以随意使用,并且可以...
IT猿 IT猿·2020-03-27
首页上一页...154155156157158下一页尾页