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脚本文件去执行 就可以得到数据