Vue(生命周期函数)

Vue

• 指令
  • v-cloak 解决文字闪烁问题
  • v-html 解析成html代码
  • v-text 输出文本
  • v-bind Vue中提供属性绑定机制 缩写 ：
  • v-on Vue中提供事件绑定机制 @
  • v-model 数据的双向绑定

生命周期函数

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

• 创建期间的生命函数
  • beforeCreate 实例完全创建好之前 此时 data methods还未被完全初始化
  • created 创建完成 data和methods 初始化成功 还没有编译模板
  • beforeMount 模板编译已经完成 但是还在内存中 没有被挂载到页面中
  • mounted 编译好的模板 挂载到指定的容器中
• 运行期间的生命函数
  • beforeUpdate 数据更新之前 data已经被更新 但是页面上数据还未被渲染
  • updated data中的值 页面上的数据都已经完成了更新
• 销毁期间的生命函数
  • beforeDestory 实例销毁之前调用 实例依旧可以完全使用
  • destoryed 实例销毁之后调用 实例不再可用

vue-resource

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

​ vue-resource 可以实现get post jsonp请求

​ axios 第三方包 实现数据的请求

jsonp的原理

• 常见的数据请求类型 get post jsonp
• jsonp的实现原理
  • 由于浏览器的安全限制 ajax不允许跨域请求数据
  • 可以通过动态创建script标签 src属性指向数据接口的地址， 因为script允许跨域请求 ，这种数据请求方式就叫做 jsonp
  • 具体的实现过程
    • 客户端声明一个回调方法 预定义对数据的处理
    • 就是把回调函数的名称 传递给数据接口
    • 服务器首先要做的就是处理数据 然后拼接数据 到函数 发送给浏览器执行
    • 客户端拿到字符串 就将其解析 js脚本文件去执行 就可以得到数据