为了账号安全,请及时绑定邮箱和手机立即绑定
  • 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的语法学习 大势所趋
    查看全部
    4 采集 收起 来源:课程总结

    2018-03-22

  • FRI
    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实例
    查看全部
    4 采集 收起 来源:创建Vue实例

    2018-03-22

  • -函数内部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把标签内部的元素原位输出


    查看全部
    2 采集 收起 来源:创建Vue实例

    2018-04-17

  •  <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了

    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
1、提前了解和熟悉javascript 2、了解一下ES6相关的知识
老师告诉你能学到什么?
1、Vue2.0各种指令的学习 2、Vue2.0生命周期的介绍 3、Vue2.0事件绑定、过滤器的使用、组件的介绍 4、Vue-resource插件的讲解 5、ES6语法的介绍 6、结合购物车的案例,更加接近实战 7、在实际项目开发的过程中,开发技巧的讲解

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!