DDR爱好者之家

Vue过滤器,生命周期函数和vue-resource简单介绍
站长资源 2024/11/23 佚名
58 1538
DDR爱好者之家 Design By 杰米

一、过滤器

使用例子：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/UploadFiles/2021-04-02/vue.js">


二、vue的生命周期函数




1、什么是生命周期




从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期


2、主要的生命周期函数分类




1、创建期间的生命周期函数：

beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性

created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板

beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中

mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示


2、运行期间的生命周期函数：

beforeUpdate：状态更新之前执行此函数， 此时 data 中的状态值是最新的，但是界面上显示的 数据还是旧的，因为此时还没有开始重新渲染DOM节点

updated：实例更新完毕之后调用此函数，此时 data 中的状态值 和 界面上显示的数据，都已经完成了更新，界面已经被重新渲染好了！


3、销毁期间的生命周期函数：

beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。

destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。


使用例子：





<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/UploadFiles/2021-04-02/vue.js">


三、vue-resource




github地址：https://github.com/pagekit/vue-resource


1、vue-resource 的请求api是按照rest风格设计的，它提供了7种请求api




    
  
  • get(url, [data], [options]); ****
    • 
  
  • head(url,[data],[options]);
    • 
  
  • post(url, [data], [options]); ****
    • 
  
  • put(url, [data], [options]);
    • 
  
  • patch(url, [data], [options]);
    • 
  
  • delete(url, [data], [options]);
    • 
  
  • jsonp(url, [data], [options]); ****
    • 



2、参数介绍




都是接受三个参数：

url（字符串），请求地址。可被options对象中url属性覆盖。


data（可选，字符串或对象），要发送的数据，可被options对象中的data属性覆盖。


options对象


参数 类型 描述





url      string            请求的URL
method     string            请求的HTTP方法，例如：'GET', 'POST'或其他HTTP方法
body      Object, FormData string    request body
params     Object            请求的URL参数对象 ，get
headers    Object            request header 第三方请求数据需要用到
timeout    number            单位为毫秒的请求超时时间 (0 表示无超时时间)
before     function(request)       请求发送前的处理函数，类似于jQuery的beforeSend函数
progress    function(event)        ProgressEvent回调处理函数
credentials  boolean            表示跨域请求时是否需要使用凭证
emulateHTTP  boolean            发送PUT, PATCH, DELETE请求时以HTTP POST的方式发送，并设置请求头的X-HTTP-Method-Override
emulateJSON  boolean            将request body以application/x-www-form-urlencoded content type发送





3、例子





<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="/UploadFiles/2021-04-02/vue.js">


以上就是Vue过滤器,生命周期函数和vue-resource简单介绍的详细内容，更多关于Vue过滤器,生命周期函数和vue-resource的资料请关注其它相关文章！


                                

                                

                                     

                                
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米