浏览器端——-请求——->服务器端
浏览器端<——响应——-服务器端
开发人员不可控
浏览器端——– 创建——->Ajax——-请求——->服务器端
浏览器端<——– 响应——Ajax<——-响应——-服务器端
开发人员可控
ajax({
url:'http://localhost:3000/xxx',
data:{
name:'zhangsan',
age:20
},
success:function (data){
console.log(data)
}
})
ref相当于一个dom节点，值为string
通俗将类似于原生js的document.querySelector(‘xxx’)；但是不同的是vue是操纵虚拟dom，在渲染初期并没有这个属性，而是在创建vue实例后才加到虚拟dom中。
其中ref有以下几种常见用法：
本页面获取dom元素
<div ref="divmsg">divmsg</div>
<button @click="getmsg">div内元素</button>
getmsg(){
console.log(this.$ref.divmsg)
}
// 输出11111
| 事件名称 | 何时触发 |
|---|---|
error | 资源加载失败时。 |
abort | 正在加载资源已经被中止时。 |
load | 资源及其相关资源已完成加载。 |
beforeunload | window，document 及其资源即将被卸载。 |
unload | 文档或一个依赖资源正在被卸载。 |
| 事件名称 | 何时触发 |
|---|---|
online | 浏览器已获得网络访问。 |
offline | 浏览器已失去网络访问。 |
<template>
<div
class="intd_content_banner"
:style="{background:'url('+banner.url+')'}">
</div>
</template>
<script>
export default {
props:['banner'],
name: "Banner",
}
</script>