前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue_Study04

Vue_Study04

作者头像
Echo_Wish
发布2023-11-30 19:10:00
930
发布2023-11-30 19:10:00
举报

Get新知识:

vue 过滤器

vue 的过滤器可以实现对数据进行指定格式处理后返回数据,实现过滤的效果。过滤器的定义也分全局过滤器 和 局部过滤器,定义方式也和自定义指令的定义的形式类似,一般情况如下 全局过滤器:

在这里插入图片描述
在这里插入图片描述

局部过滤器:

在这里插入图片描述
在这里插入图片描述

过滤器的使用。可以使用在 插值表达式 和 属性绑定中,并且支持级联过滤。

在这里插入图片描述
在这里插入图片描述
vue 生命周期

vue 的生命周期一由 挂载, 更新,销毁 三个周期组成。 以下是在 vue 生命周期中可以调用的钩子函数,一般常用的是created,mounted 函数,created是在浏览器渲染前 即dom还未形成时执行的函数,一般用于此时请求后台接口数据。mounted 函数是在浏览器渲染完成,dom已经形成时执行的函数,一般用于将数据填充到页面。

在这里插入图片描述
在这里插入图片描述
vue 组件注册

组件化思想,将一个复杂的问题分解成多个容易处理的小问题,再由多个小问题的解释组装成大问题最终解。 组件化开发 是 vue 开发的基本概念之一,一个完整的页面可以分成很多个组件,每个组件都用于实现页面的一个功能块,而每一个组件又可以进一步细分,在后期分组件维护管理,使得维护管理变得更加容易。这就是组件化开发,

组件注册对象: 一般可以通过vue.component 方法来注册全局组件,也可以通过 先构造组件构造器 通过vue.extend 方法来构造,然后 再调用 vue.component 方法注册组件。

vue 组件注册注意事项: 使用范围上是 一定需要挂载在 某个 vue 实例下,但组件分为全局组件 和 局部组件,全局组件 可以 在任意vue 实例下挂载,局部组件只能在对应的vue 实例下 挂载。 全局组件 使用 vue.component 方法来注册

在这里插入图片描述
在这里插入图片描述

局部组件在 vue对象 下的component 属性下注册

在这里插入图片描述
在这里插入图片描述

组件的命名,一般分为 短横线 和 驼峰命名两种方式,以及命名的注意点:

在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-11-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Get新知识:
    • vue 过滤器
      • vue 生命周期
        • vue 组件注册
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档