ajax请求数据的步骤以及自定义指令的创建步骤

目录

样式绑定

style绑定

class绑定

mixin混入

组件注册与通信

1.ajax请求数据的步骤 

2自定义指令创建步骤 

全局创建

创建局部指令

---

样式绑定

style绑定

:style="{color:activeColor,fontSize:fontSize+'px'}"
:style="[style1,style2]"

其中 activeColor/fontSize 是 data 属性

class绑定

1. :class="xxx"
2. 表达式是字符串：“classA”
3. 表达式是对象：{classA:isA,classB:isB}
4. 表达式是数组：['classA','classB']

mixin混入

组件注册与通信

• 父子传值props

• 子父传值 $emit

• 父组件获取子组件属性

  this.$refs

• 子组件获取父组件的属性和方法

  //获取父组件方法
  this.$parent.methods
  
  //获取父组件属性
  this.$parents.options

1.什么是ajax
   Ajax 的全称是  asynchronous javascript and xml
全称 异步JavaScript 和 XML。Ajax 并不算是一种新的技术，而是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新。

1.ajax请求数据的步骤 

 
1.建立XMLHttpRequest对象;

2.设置回调函数;

3.配置请求信息，(如open,get方法)，使用open方法与服务器建立链接;

4.向服务器发送数据;

5.在回调函数中针对不同的响应状态进行处理;
 

2自定义指令创建步骤 

全局创建

需要传入指令名称以及一个包含指令钩子函数的对象，该对象的键即是钩子函数的函数名，值即是函数体，钩子函数可以有多个

创建局部指令

通过在Vue实例中添加directives对象数据注册局部自定义指令