Vue.js 没看懂的地方记录

最新推荐文章于 2024-01-14 15:34:40 发布
最新推荐文章于 2024-01-14 15:34:40 发布
阅读量347 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript javascript 语法知识点收集 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/countofdane/article/details/78269904
本文介绍了Vue.js中修饰符的使用方法，包括如何利用特殊后缀改变指令的行为，如.prevent阻止表单默认提交行为等。同时展示了如何结合v-on等指令实现更高级的功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

关住 公 纵 号 “  阿蒙课程分享    ”  获得学习资料及趣味分享　


1.

修饰符

修饰符 (Modifiers) 是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用event.preventDefault()：


    

     <form v-on:submit.prevent="onSubmit">
     </form>
    


在接下来对 v-on 和 v-for 等功能的探索中，你会看到修饰符的其它例子。


2.







                

        

    

    
  



    



                



	

		

			

				
					
前端 Vue.js 项目的性能监控与调优

				
			

			

				

					小白菜的博客
				

				

					05-30
					
					961
					
				

			

		

		

			
				
在“秒开即用户留存”的互联网时代，前端性能直接影响用户体验和业务转化。Vue.js作为最流行的前端框架之一，其单页应用（SPA）的特性虽带来丝滑的交互体验，但也隐藏着首屏加载慢、组件过度渲染等性能隐患。本文聚焦Vue项目的性能问题，覆盖“监控→诊断→调优”全流程，帮助开发者从“被动救火”转向“主动预防”。本文从“为什么需要性能监控”入手，通过生活比喻解释核心指标，再用Vue代码演示监控工具集成，最后结合真实案例讲解调优方法。监控篇（指标→工具→数据采集）→调优篇（渲染优化→加载优化→内存管理）→实战篇。

			
		

	



                

            
              



	

		

			

				
					
Vue.js 3.2 响应式优化

				
			

			

				

					Jack, what else can you do besides holding your little darling?
				

				

					10-20
					
					309
					
				

			

		

		

			
				
背景

Vue 3 正式发布距今已经快一年了，相信很多小伙伴已经在生产环境用上了 Vue 3 了。如今，Vue.js 3.2 已经正式发布，而这次minor版本的升级主要体现在源码层级的优化，对于用户的使用层面来说其实变化并不大。其中一个吸引我的点是提升了响应式的性能:


More efficient ref implementation (~260% faster read / ~50% faster write)
~40% faster dependency tracking
~17% less ..

			
		

	



              


  
              

                


	

		

			

				
					
vue不懂的知识点

				
			

			

				

					南北极之间
				

				

					12-25
					
					217
					
				

			

		

		

			
				
Vue中的虚拟DOM


			
		

	





	

		

			

				
					
Vue需要注意的地方

				
			

			

				

					大灰狼的小绵羊哥哥的博客
				

				

					12-13
					
					444
					
				

			

		

		

			
				
使用vue过程中,遇到了一些问题,这里先总结以下两个:


问题一:

vue组件之间传递数据,在子组件中我想改变一个从父组件中传过来的值

这是父组件





1234567891011121314151617181920


        "message">Child>  /div>template>import Child from './child.v

			
		

	



		

			
		



	

		

			

				
					
事件冒泡

				
			

			

				

					dqchouyang的专栏
				

				

					06-15
					
					251
					
				

			

		

		

			
				
最近在学习vue.js，看到 修饰符 部分遇到了一个知识点：.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()。那么问题来了，event.preventDefault()是搞毛的？（我是后端开发）<BODY onclick="alert('aaa');">
    <div onclick="alert('bbb');">
        <

			
		

	





	

		

			

				
					
Vue入门-模板语法

				
			

			

				

					qq_39380737的博客
				

				

					02-15
					
					268
					
				

			

		

		

			
				
1.Vue.js 安装
三种方式的使用：vue的安装
vue的原理：

    vue中遵循mvvm,第一个m代表model也就是数据的意思，第二个和第三个代表vm也就是vue的实例，vm中分为：事件监听和数据绑定，第四个v代表view也就是视图的意思
2.Vue.js 模板语法
    Vue.js 使用了基于 HT...

			
		

	





	

		

			

				
					
Vue 学习笔记

				
			

			

				

					Mr_zhangyj的博客
				

				

					10-02
					
					915
					
				

			

		

		

			
				
Vue

			
		

	





	

		

			

				
					
前端-Vue.js从入门到精通基础笔记（理论+实操+知识点速查）

				
			

			

				

					Only-CYY的博客
				

				

					07-05
					
					4291
					
				

			

		

		

			
				
【2022.3】尚硅谷Vue.js从入门到精通基础笔记（理论+实操+知识点速查）

			
		

	





	

		

			

				
					
ASP.NET Core 6.0+Vue.js 3 实战开发（视频）

				
			

			

				

					张飞洪的博客
				

				

					08-26
					
					148
					
				

			

		

		

			
				
大家好，我是张飞洪，感谢您的阅读，我会不定期和你分享学习心得，希望我的文章或视频能成为你成长路上的垫脚石。

录制视频的体验
这是一个收费的视频，很抱歉，让您失望了。
我尝试做点收费的视频，不是因为我不做免费的专栏分享，我还会继续分享下去。
如果你要喷我，我也认，谁让我是一普通人。家里老小都要生活，我不能活的太过清高了。
工作10多年，写了很多文章，翻译了不少外文，也录制了一些视频，这次是最用...

			
		

	





	

		

			

				
					
ssm基于VUE.js的在线教育系统论文

					
最新发布

				
			

			

				

					QQ1928499906的博客
				

				

					01-14
					
					1251
					
				

			

		

		

			
				
2.1系统开发使用的关键技术本系统在开发中选择B/S框架进行设计，语言采用Java，数据库采用Mysql，并在设计中加入VUE.js技术，本系统的运行环境为Idea。2.2 VUE.js技术介绍VUE.js是一个用来开发前台界面的JavaScript框架，体积非常的小，所以运行效率非常的高，可以直接通过虚拟设定的 DOM进行各种JavaScript计算，因为操作过程中相当于是一个预处理，所以并没有真实的DOM，也可以称作为一个虚拟的DOM。

			
		

	





	

		

			

				
					
算法训练 逆序对

				
			

			

				

					菲菲家的吴先森
				

				

					02-19
					
					4660
					
				

			

		

		

			
				
问题描述

Alice是一个让人非常愉跃的人!他总是去学习一些他不懂的问题，然后再想出许多稀奇古怪的题目。这几天，Alice又沉浸在逆序对的快乐当中，他已近学会了如何求逆序对对数，动态维护逆序对对数等等题目，他认为把这些题让你做简直是太没追求了，于是，经过一天的思考和完善，Alice终于拿出了一道他认为差不多的题目：

有一颗2n-1个节点的二叉树，它有恰好n个叶子节点，每个节点上写了一个整...

			
		

	





	

		

			

				
					
蓝桥杯_算法训练_逆序对

				
			

			

				

					huangxiang360729的博客
				

				

					03-15
					
					4589
					
				

			

		

		

			
				
问题描述 
Alice是一个让人非常愉跃的人!他总是去学习一些他不懂的问题，然后再想出许多稀奇古怪的题目。 
这几天，Alice又沉浸在逆序对的快乐当中，他已近学会了如何求逆序对对数，动态维护逆序对对数等等题目， 
他认为把这些题让你做简直是太没追求了，于是，经过一天的思考和完善，Alice终于拿出了一道他认为差不多的题目： 
有一颗2n-1个节点的二叉树，它有恰好n个叶子节点，每个节点上写了一个整

			
		

	





	

		

			

				
					
蓝桥杯 ALGO-7 逆序对

				
			

			

				

					qq_42152681的博客
				

				

					02-02
					
					1224
					
				

			

		

		

			
				
问题描述

Alice是一个让人非常愉跃的人!他总是去学习一些他不懂的问题，然后再想出许多稀奇古怪的题目。这几天，Alice又沉浸在逆序对的快乐当中，他已近学会了如何求逆序对对数，动态维护逆序对对数等等题目，他认为把这些题让你做简直是太没追求了，于是，经过一天的思考和完善，Alice终于拿出了一道他认为差不多的题目：

有一颗2n-1个节点的二叉树，它有恰好n个叶子节点，每个节点上写了一个整数。如...

			
		

	





	

		

			

				
					
vue中修饰符prevent相当于调用event.preventDefault()：

				
			

			

				

					杨咩咩
				

				

					02-16
					
					4209
					
				

			

		

		

			
				
$("a").click(function(event){
    event.preventDefault();
});


<form v-on:submit.prevent="onSubmit"></form>

vue中prevent修饰符相当于调用event.preventDefault()：

event.preventDefault() 方法阻止元素发生默认...

			
		

	





	

		

			

				
					
他不懂

				
			

			

				

					u014752938的专栏
				

				

					04-26
					
					456
					
				

			

		

		

			
				
如果你知道了，会后悔吗，

			
		

	





	

		

			

				
					
算法之逆序对问题求解

				
			

			

				

					SnailDream
				

				

					09-11
					
					2674
					
				

			

		

		

			
				
题目：   给出一列数，a1， a2，....到 an，求它的逆序对数。逆序对就是 下标 i 比 j小，但是值 ai 却比 a j大。n 可以高大 10万。 
思路：
（1）穷举，肯定不现实的，因为n 可以高达10万，肯定超时；
（2）考录分治法，受到归并排序的启发，能不能不断划分数组到最小，然后合并时统计 逆序对数。划分和递归都和归并排序没什么区别，问题在合并时如何统计。
合并左右两个数

			
		

	





	

		

			

				
					
人总是被环境控制

				
			

			

				

					del123的专栏
				

				

					03-14
					
					609
					
				

			

		

		

			
				
刚刚把同事的一个代码接过来，觉得很烂，很想重构一下。可第一公司没奖金的奖励；第二又是Delphi语言的东西，没啥动力。扔在那吧。 

			
		

	





	

		

			

				
					
Vue3工资管理系统开发教程与源码

				
			

			

				

					
				

			

		

		

			
				
资源摘要信息:"基于HTML+CSS+JavaScript+Vue3+element+MySQL实现工资管理系统（源码+sql）.rar" ...在使用本资源时，学习者需要有一定的基础能够看懂代码，能够自行调试代码并解决报错，能够自行添加功能修改代码。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值