Vue进阶笔记

最新推荐文章于 2024-06-14 14:36:26 发布
最新推荐文章于 2024-06-14 14:36:26 发布
阅读量205 收藏
点赞数 4
分类专栏： Vue 文章标签： html vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43949154/article/details/104784466
版权

文章目录

触发组件

触发父组件 $emit():
第一个参数是触发自定义事件的名字，第二个参数是传进去的值。
在这里插入图片描述

过滤器

调用局部过滤器： filters
格式：数据属性 | 过滤器的名字
在这里插入图片描述
在这里插入图片描述
全局过滤器
在这里插入图片描述
在这里插入图片描述

watch监听

一般监听单个属性，基本数据类型简单监视，复杂数据类型(object array)深度监视
简单监视
在这里插入图片描述
复杂监视
在这里插入图片描述
监听多个属性 computed
在这里插入图片描述
效果
在这里插入图片描述

组件的生命周期

想看生命周期流程详解请点击：Vue生命周期详解
在这里插入图片描述
beforeCreate created 组件创建之前、创建之后
在这里插入图片描述
beforeMount mounted 组件挂载之前、挂载之后
在这里插入图片描述
beforeUpdate updated更新之前、更新之后
在这里插入图片描述
activated deactivated被激活了、被停用了
在这里插入图片描述
在这里插入图片描述
beforeDestory destoryed销毁之前、销毁之后
在这里插入图片描述

dexi.Chi 攻城狮
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue进阶笔记
Kami丶
05-14 800
自定义指令 自定义全局指令 第一个参数：指令名称。 第二个参数：一个对象，该对象有一下指令相关的钩子函数。 注意：定义的时候，指令的名称前面不需加 v- 前缀，但调用的时候需要。 Vue.directive('指令名称', { /*钩子函数*/ }); 自定义私有指令（directives属性） 在声明vm对象中通过 directives 选项定义。 directives: { //...
vue进阶（学习笔记）
weixin_44858541的博客
12-03 359
简介 通过前面的讲解，我们学习了vue的基础知识，本篇博文承前启后，主要内容是在掌握了vue的基础知识之后，下一阶段我们要学什么以及是什么，并且前面的vue代码属于学习模式，开发通过cdn引入，并不是vue在实际工作中的样子，但二者的知识基础是一样的，并且二者在开发的思维方式上有一定的区别。 知识点 工程化与组件化开发引导 前端路由管理（vue-router） 前端状态管理（vuex） 服务端渲染（nuxt.js） 工程化与组件化开发引导 vue应用广泛，常常被用来开发单页应用（SPA si.
Vue学习笔记汇总（进阶）
qq_22865989的博客
07-01 242
Vue
Vue进阶知识笔记
qq_39203889的博客
07-29 352
一、前端拦截与参数获取 当我们写Java后台的时候，常常用到filter来进行一些过滤拦截。前端实际上也有类似的功能， 称为响应拦截。 在Vue中怎么实现这种功能呢？ 第一步：进入router/index.js 第二步：末尾添加 /** * 拦截 */ router.beforeEach((to, from, next) => { if(to.path='/login'){...} if(to.query.key === ?){...} }) 其中：to.path是来访Mapping，
Vue2进阶笔记
hupei
01-09 1118
Vue2进阶笔记，受益于尚硅谷天禹老师，全文共三万余字。
vue进阶笔记（一）vue使用eslint和自动fix
weixin_33672109的博客
09-06 1万+
最近重构项目，找到了eslint自动fix的方法遂想大展身手，结果放开规则校验瞬间出现了上千个error。只能慢慢摸索用了将近一天的时间和各种大招摆平了这个问题，下面步入正题： 首先确认安装了vue-cli npm install vue-cli -g 复制代码或者体验一把vue-cli 3.0 npm install @vue/cli -g 复制代码接下来创建一个vue项目 vue init w...
Vue进阶笔记讲义.docx
08-13
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链...
VUE进阶 笔记贰章 前端工程化
12-30
VUE进阶 笔记贰章 前端工程化
Vue学习笔记进阶篇之单元素过度
08-29
主要介绍了Vue学习笔记进阶篇之单元素过度，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue学习笔记进阶篇之vue-cli安装及介绍
12-08
Vue-cli是Vue的脚手架工具 主要作用：目录结构、本地调试、代码部署、热加载、单元测试 地址：https://github.com/vuejs/vue-cli 安装 全局安装vue-cli npm install -g vue-cli 当然了，要想使用npm工具，就必须...
Vue学习笔记进阶篇之过渡状态详解
08-29
本篇文章主要介绍了Vue学习笔记进阶篇之过渡状态详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)
weixin_42283461的博客
06-14 225
HTML静态网页成品作业(HTML+CSS)—— 零食商城网页(1个页面)
HTML DOM 事件
lsx202406的博客
06-13 449
HTML DOM（文档对象模型）事件是当网页中的某些操作发生时，浏览器会自动触发或通过脚本代码手动触发的动作。这些事件可以是对用户操作的响应，如点击按钮，也可以是浏览器自身的动作，如页面加载完成。理解和掌握DOM事件对于前端开发至关重要，因为它们是实现动态交互和响应用户行为的核心。
HTML跨年烟花
热门推荐
兔子王
06-04 1万+
学会了这个html烟花秀，跨年就不缺文案喽~
【html】如何利用HTML+CSS制作自己的印章
weixin_56334307的博客
06-10 585
大家有没有尝试过用HTML和CSS制作自己的印章.首先印章圆形的边框。
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
weixin_42283461的博客
06-12 937
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
Html_Css问答集(3)
最新发布
白话魔法师
06-14 644
html与css学习中的一些疑问，问答中轻松获取知识。
根据vue进阶出一个目录
02-27
以下是一个基于 Vue 进阶的目录结构示例： ``` src/ ├── assets/ # 资源文件目录，如图片、字体等 ├── components/ # 公共组件目录，可供多个页面复用 ├── mixins/ # 全局 mixin 目录 ├── plugins/ # Vue 插件目录 ├── router/ # 路由配置目录 ├── store/ # Vuex 状态管理目录 ├── utils/ # 工具函数目录 ├── views/ # 视图目录，存放页面组件 ├── App.vue # 根组件 └── main.js # 入口文件，挂载根组件 ``` 上述目录结构中，各个目录的作用分别是： - assets：存放静态资源文件，如图片、字体等； - components：存放公共组件，可供多个页面复用； - mixins：存放全局 mixin，可以在组件中使用； - plugins：存放 Vue 插件，如 axios、vuex 等； - router：存放路由配置文件； - store：存放 Vuex 状态管理相关的文件； - utils：存放工具函数，可在项目中任意位置使用； - views：存放各个页面组件； - App.vue：根组件，所有的子组件都在它下面挂载； - main.js：入口文件，负责初始化 Vue 实例，并挂载根组件。 这样的目录结构可以帮助你更好地组织代码，使得项目更易于维护和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值