-
v-model:主要是在表单里面使用。比如文本框、下拉框、单选、复选、textarea。v-model是一个双向的功能。文本框输入以后,模型也会发生改变。反之模型改变了文本框也会改变。 v-text:主要用于文本的渲染。和{{}}功能一样。但是{{}}在第一次页面Vue木有初始化完成会显示{{}}字符。故文本渲染多用v-text。 v-show:控制显示隐藏。dom是存在的。仅仅加display block: display none。 v-if:kong'z控制显示隐藏。如果dom不显示,整个dom没有不存在。 v-bind:绑定属性。给一个dom元素添加属性。【比如:在做图片的渲染过程中,如果图片的src地址是动态的,那么就需要v-bind去绑定src属性,去给这个src赋值。】。 v-for:循环。主要用于表格,<li> 标签 去循环一个数组。 v-on:事件绑定。【v-on:同等于@】 filter : 过滤器。格式化数据。如后台返回金额19数字。页面显示:¥19.00元。 component :组件。在做单页面过程中使用多些。把每一个网页做成多个组件然后拼接。起到组件复用。如页面头部底部和轮播等。查看全部
-
1.看到列表:v-for 2.金额¥19.00元:filter 3.看到输入框:v-model 4.一些操作:v-on:click=""或 @click="" 5.样式变化:v-bind:class="{}"或 :class="{}" 6.v-for中可嵌套v-for 7.vue.set添加一个本身没有的变量 8.vue.resource插件 支持get,post,delete,put,jsonp 但现在官方推荐axios 9.computed的使用 10。ES6的语法学习 大势所趋查看全部
-
1.基础知识 纯前端开发; 前端框架; mv-vm框架,基础js的版本框架,也就是模型视图->视图模型; 同后台交互使用后台插件vue-resource; get,post,jsonp等; 比较干脆的框架,一般无需依赖第三方框架; 易用、灵活、高效; 易用-->渲染比较方便(不用像jquery那样每个去取); 灵活-->渐进式:声明式渲染、组件、路由、状态管理、构建,也就是缺什么补什么; 高效-->min+gzip=16K,运行大小够小,超快虚拟DOM; 最省心的优化,vue1-->vue2版本的优化,废除了过滤器(js可以做得没必要再在vue去做,核心放在高效上); 指令的使用: v-model 双向模型改变 v-text 文本渲染,渲染页面比较多 v-show 控制DOM的显示隐藏 v-if 控制DOM 判断 v-bind 绑定属性 v-for 循环,只要用于列表等 v-on 事件绑定 过滤器filter 对接口返回的字段进行转换等(比如格式化,字段的不同效果) 组件component 2.创建vue实例查看全部
-
-函数内部this指向改变了,使用vue resource方法之前要定义一个内部变量_this保存this -this.$http.{请求方式}('请求地址'{请求的数据}).then(function (res){}) 返回的数据被包装在了res.body里面 -加载页面时通过mounted钩子函数中的this.callbackfn()发送请求查看全部
-
resource插件会把json数据进行一层封装,因此获取数据的时候要使用res.body....查看全部
-
在mounted 钩子函数 直接使用vm会报错,需要使用this.$nextTick包裹 这样 this === vm查看全部
-
splice 和 slice 区别?
splice 是对原始数据进行改变;
slice 是生成一个新的对象返回,不会改变原始数据。
查看全部 -
v-bind绑定事件
v-click点击事件
v-model双向数据绑定
v-for循环
v-show显示与隐藏
v-if
v-else
v-else-if
v-on
v-text
v-html
v-class
v-style
v-once
v-cloak防闪烁
v-pre把标签内部的元素原位输出
查看全部 -
<div class="md-overlay" v-if="delFlag"></div>
灰色背景
查看全部 -
指定的使用:v-model v-text v-show v-if v-bind v-for v-on v-model:(双向功能)主要在表单中使用,文本框,下拉框,单选,复选,textarea v-text:更多用于文本渲染,和{{}}是一个意思,若页面没加载完成更多的是{{}}先呈现在页面上 v-show:控制dom的显示隐藏 v-if:根据条件进行相应的处理,显示,隐藏之类的 v-bind:给dom元素添加属性,比如图片地址是动态的,可以给定绑定 v-for:循环,用于表格,li之类 v-on:事件绑定 过滤器filter:主要对接口返回的字段进行业务转换。 组件Component:整体看成小块组合而成,小块重复使用。查看全部
-
mounted钩子函数查看全部
-
v-text 和 {{}} 效果一样 区别在于页面最开始渲染时{{}}会呈现在页面上;v-text则不会出现在界面上。 v-show 是控制DOM的隐藏和显示;v-if则控制DOM是否生成。 v-bind 给DOM添加属性(绑定属性,例如 src 属性)。 v-for 循环数组。 v-on 事件绑定。 过滤器filter:对接口返回的字段进行业务转换(例如金额的转换等待)。查看全部
-
指令中不用使用this关键字查看全部
-
json查看全部
-
在vue内部,所有的this都指向vm实例,在某个函数内部,它的作用域已经发生变化,就不能再使用this了
查看全部
举报
0/150
提交
取消