![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue相关
wuliangfan
这个作者很懒,什么都没留下…
展开
-
vue中的axios应用
1. axios请求分类get请求import axios from 'axios';axios.get( url,//请求地址 { params:{}, //请求参数 }).then((response)=>{ return response.data //将数据传给下一个then,作为下一个then的参数})post请求import...原创 2019-07-09 17:02:00 · 77 阅读 · 0 评论 -
vue中的插值表达式
前言:在html页面上只能展示字符串,console.log()打印出的也是字符串,意味着都会调用toString()方法,但实际上控制台展示的既有数组又有对象等类型,那是由于浏览器会进行处理 用法: 使用在vue实例对象对应的DOM元素的html的正反标签之间 支持匿名变量 支持三目运算符 数值 支持四则运算 支持比较运算符 支持数值类型的一些内置方法 ...原创 2019-07-18 11:40:26 · 6408 阅读 · 4 评论 -
vue属性绑定:v-bind指令
1. 基本语法语法: v-bind:属性名.修饰符="属性值" 简写: :属性名.修饰符 = "属性值" 属性名 h5中有意义的属性名 DOM属性名(className,innerHTML) ==>将驼峰转为连字符“-”,并添加修饰符.prop vue绑定属性时是以html属性为基准的,h5中是不存在大小写的 属性值: data数据仓库中的变量名 修饰符: prop...原创 2019-07-18 19:13:01 · 5094 阅读 · 0 评论 -
vue的数据双向绑定:v-model
1、语法基本语法: v-model.修饰符="data数据仓库中的变量" 修饰符: lazy lazy: 将v-model的绑定事件由input改为change, number:将输入的数据转换为number类型数据 trim: 将输入的数据去除首尾空格 data数据仓库中的变量 只能是基础类型(string,number,boolean),或者是复杂类型里面...原创 2019-07-19 14:33:33 · 394 阅读 · 0 评论 -
vue的事件绑定:v-on指令
语法v-on:事件名.修饰符 = 方法名() | 方法名 | 简单的JS表达式简写: @事件名.修饰符 = 方法名() | 方法名 | 简单的JS表达式事件名: click|keydown|keyup|mouseover|mouseout|自定义事件名修饰符: .stop | .prevent | .once | .self | .left | .right | .middle | .u...原创 2019-07-17 16:11:19 · 494 阅读 · 0 评论 -
vue项目中如何使得只有通过ctrl+s才能触发事件
修饰符 `.s ` 通过事件对象中的ctrlKey的值做判断<input type="text" @keydown.s = "show2($event)"> <script> new Vue({ el:"#app", data:{ htmlStr: "<h3>h3标签</h3>",...原创 2019-07-17 16:18:47 · 1838 阅读 · 0 评论