2020.6.17 Vue框架基础

发布于 2020-06-17  121 次阅读


Table of Contents

  • 单行文本框,多行文本看,多选框,单选框,下拉框
  • v-model 和数据绑定,可以双向更改
    • 多个数据,使用数组[]
  • Vue axios请求(Ajax请求)

    • get请求
    • post请求
  • Vue自定义组件(元素)

    • 语法:Vue.compoent(“组件名”,{props:[属性],template:模板})
  • 4.扩展延伸知识

    • javascipt:; 语句

      • # 和JavaScript :void; 作用也一样
      • 执行一段空白的javascript语句,返回空或者false值,从而防止链接跳转
    • Ajax 默认传输的是json数据

      • 在django框架中,需要在request.body中获取json字符串
    • JavaScript this的指向

      • 1.全局环境(严格非严格模式都统一)

        • 只要在函数体外部 ,this都指向全局对象
      • 2.函数(运行内)环境 “user strict”

        • 严格模式下 this是undefined
        • 非严格模式下 this 指向window
      • 3.传递this函数可以使用call和apply

        • call和apply 继承Function.prototype.call/apply
        • 语法:obj.call(repleacObj,parm1,parm2)
        • this被替换为call第一个参数对象
        • 传递的如果不是对象,用toObject()转换,比如6,Number(6)
      • 4.作为对象的方法

        • 作为对象里的方法被调用时,它们的 this 是调用该函数的对象。
        • 通俗说,谁调用方法,方法的this就是谁(a.b.c(),c中的this就是a.b)
      • 5.原型链中的this

        • 和作为对象的方法相同,谁调用,this就在谁身上
      • 6.getter和setter中的this

        • this绑定在要设置获取属性的对象上
        • a.get(a) this就指向a
      • 7.作为构造函数

        • 没有return 默认返回this,this指向新生成的对象(new Date() 就是this)
        • 有返回一个对象{},则this指向这个对象
      • 8.DOM事件处理函数

        • 谁触发了实践,this就指向谁
        • 有的浏览器没遵循规定
      • 9.作为内联事件处理函数(alert(this.tag))

        • 默认情况指向监听器所在DOM元素
        • 有外层代码function(){return this} 则指向window或globe
    • Javascript bind方法

      • bind 继承 Function.prototype.bind()
      • 语法:函数.bind(对象)
      • 调用bind方法,返回一个把this绑定到该对象或者函数的对象
    • JavaScript箭头函数

      • 在箭头函数中,this与封闭词法环境({}内或者块内)的this保持一致

    5.知识内容个人梳理

    6.今天都复习了之前的什么内容