旗袍不开、怎么得胜？

Vue事件修饰符

Vue+axios实现下拉框联动刷新用v-model绑定、获取下拉框选中value通过v-for，遍历部门列表/角色列表，动态展现option里的数据通过’v-on’设置option的value通过{{message}}设置option的text即将迭代出的item中数据分别设置给option的value和text通过select的@change调用方法，根据v-model获取选中值，调用接口，查询并刷新下一个下拉框的数据。//本来想把这些列表参数都塞到一个对象里，中间调试的时候出bug了，先

VueDemo3：音乐播放器一.歌曲搜索1。按下回车(v-on,enter)2.查询数据(axios 接口 v-model)3.渲染数据(v-for 数组 that)服务器返回的数据比较复杂时，获取的时候需要注意层级结构通过审查元素快速定位到需要操纵的元素二.歌曲播放根据服务器检索结果,找到歌曲播放的url。通过v-bind,刷新标签中的src属性,以实现播放不同音乐的效果。歌曲id依赖歌曲搜索的结果，对于不用的数据也需要关注。三.播放动画audio标签的play事件会在音频播放的时

Vue+axios向后端post JSON数据，不使用QS格式化实现方式(后端使用@RequestBody接收参数)axios向后端post请求时出现400，debug发现jquery的ajax请求和axios的post请求默认的请求头不一样(Content-Type)。jquery的post请求：axios的post请求：按照度娘所说，可以设置axios的请求头。...

VueDemo2：天气预报一、输入查询1.按下回车(v-on,enter)2.查询数据(axios 接口 v-model)3.渲染数据(v-for 数组 that)应用的逻辑代码建议和页面分离，使用单独的js文件编写axios回调函数中this指向改变了，需要额外的保存一份服务器返回的数据比较复杂时，获取的时候需要注意层级结构二、点击查询1.点击城市(v-on 自定义参数)2.查询数据3.渲染数据自定义参数可以让代码的复用性更高methods中定义的方法内部，可以通过this关键字

VueDemo1：记事簿列表结构可以通过v-for指令结合数据生成v-on结合事件修饰符可以对事件进行限制,比如enterv-on在绑定事件时可以传递自定义参数通过v-model可以快速的设置和获取表单元素的值基于数据的开发方式(以往为基于dom开发)代码： <!-- 主体区域 --><section id="todoapp"> <!-- 输入框 --> <header> <h1>小白记事簿</h1&gt

Vue基础-7axios:功能强大的网络请求库axios必须先导入才可以使用<script src="https://unpkg.com/axios/dist/axios.min.js"></script>$ npm install axios$ bower install axios使用get或post方法即可发送对应的请求then方法中的回调函数会在请求成功或失败时触发(第一个函数为请求成功触发。第二个函数为请求失败触发)通过回调函数的形参可以获取响应内容，或

Vue基础-6v-for根据数据生成列表结构数组经常和v-for结合使用语法是(item,index) in数据item 和 index 可以结合其他指令一起使用数组长度的更新会同步到页面上，是响应式的例：<div id="app"> <ul> <li v-for="(item,index) in arr" :title="index"> {{item}}||{{index}} </li> </ul

Vue基础-5v-bind:设置元素的属性(如:src,title,class)v-bind:属性名=表达式(v-bind:src=“imgSrc”)v-bind可以省略，只保留’:属性名’(:title=“imgTitle”)动态增删class建议使用对象的方式例：<div id="app-3"> <img v-bind:src="imgSrc" :title="imgTitle+'哟'" :class="isActive?'active':''"/>&lt

Vue基础-4v-show指令：根据真假切换元素的显示状态原理：修改元素的display，实现显示隐藏指令后面的内容最终会解析为布尔值，true显示，false隐藏数据改变之后，对应的显示状态会同步更新例：<div id="app"> <h1 v-show="true">Test A</h1> <h1 v-show="isShow">Test B</h1> <h1 v-show="age >= 18">Te

v-on为元素绑定事件事件名不需要写on指令可以简写为@绑定的方法定义在methods属性中方法内部通过this关键字可以访问定义在data中数据例1：<div id="app-3"> <input type="button" value="v-on 单击指令" v-on:click="doIt" /> <input type="button" value="v-on 介入指令" v-on:mouseenter="doIt" /> <inpu

Vue基础-2(v-text、v-html)v-text：设置标签的文本值设置标签的文本值(textContent)v-text指令的作用是：设置标签的内容(textContent)默认写法会替换全部内容，使用差值表达式 {{}}可以替换指定内容内部支持写表达式例：<div id="app"> <h2 v-text="message+'!'">看不见我</h2> <h2>喔嚯{{message + "!"}}看得见</h2>

Vue基础-1el:挂载点把’{{xxx}}'双大括号中的内容替换Vue实例的作用范围：Vue会管理el选项命中的元素及其内部的后代元素。Vue可以使用其他选择器，但是建议使用ID选择器。Vue可以使用其他双标签，不能使用HTML和BODY。例：<div id="app"> {{message}} {{name}}</div><script type="text/javascript"> new Vue({ el:'#app',