day 11/15 vue指令、生命周期

指令

v-cloak: 解决文字闪烁的问题

v-text: 和插值表达式一样 作为文本的输出

v-html 输出html

v-bind Vue中提供的属性绑定机制

v-on Vue中提供的事件绑定机制

​ .stop 阻止冒泡

​ .prevent 阻止默认行为

​ .self 只有自身才能绑定事件

​ .once 只执行一次

​ .capture 事件捕获机制

v-model 数据的双向绑定

============================

键盘修饰符

​ .enter

​ .tab

自定义键盘修饰符

​ Vue.config.keyCodes.co = 113;

Vue的生命周期

什么是生命周期 Vue实例 从创建到运行销毁 伴随着各种时间 这些事件统称为生命周期

生命周期钩子 就是生命周期事件的别名

生命周期钩子=生命周期事件=生命周期函数

大致分几类

• 创建期间的函数
  • beforeCreate
  • created
  • beforeMount
  • mounted
• 运行期间的函数
  • beforeUpdate
  • updated
• 销毁期间的生命周期函数
  • beforeDestroy
  • destroyed

Vue是一个框架 提供一套解决方案

• 1.vue-resource Vue自己提供

• 2.axios 第三方的包

• 常见的请求方式

  • get post jsonp
  • jsonp 的实现原理是
    • 浏览器的安全限制 不允许ajax与跨域访问数据
    • 通过动态创建script标签 把标签的src改成数据接口的地址，因为script允许跨域请求数据 这种数据获取方式 就称为jsonp
      • 1.在客户端(html,js) 定义回调函数，预处理数据的操作
      • 2.把回调函数的名称(jsonp,jsonpCallback) 传给 服务器端 cbName=fun1
      • 3.后台程序把数据处理好 用回调函数的名字去拼接成一个 函数调用的形式 返回给客户端去执行
      • 4.客户端拿到后台传回的字符串 解析成js代码去执行 拿到封装的数据