指令
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代码去执行 拿到封装的数据