Vue.js 没看懂的地方记录

最新推荐文章于 2022-10-02 19:22:44 发布
原创 最新推荐文章于 2022-10-02 19:22:44 发布 · 366 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue.js

本文介绍了Vue.js中修饰符的使用方法，包括如何利用特殊后缀改变指令的行为，如.prevent阻止表单默认提交行为等。同时展示了如何结合v-on等指令实现更高级的功能。

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


1.

修饰符

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


    

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


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


2.







                

        

    



  



    



                



	

		

			

				
					
（一）Vue.js 框架简介

				
			

			

				

					这是个栗子的博客
				

				

					09-15
					
					1189
					
				

			

		

		

			
				
前端常用框架按核心功能可分为以下几类：1. UI组件库(如：Bootstrap, ElementUI, VantUI)2. HTTP请求库(如：Axios, Fetch)3. 核心开发框架(如：Vue.js, React.js, jQuery)4. 其他等等...Vue.js官网：https://cn.vuejs.org/安装方式：(1) 手动进入官网，点击“安装”进行安装(2) CDN 引入安装：


(3) NPM包管理器安装


可以把Vue.js中MVVM想象成在盖房子：MVVM就像一个智能管家（V

			
		

	



                

            
              



	

		

			

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

					
最新发布

				
			

			

				

					小白菜的博客
				

				

					05-30
					
					1095
					
				

			

		

		

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

			
		

	



              


  
              

                


	

		

			

				
					
vue不懂的知识点

				
			

			

				

					南北极之间
				

				

					12-25
					
					235
					
				

			

		

		

			
				
Vue中的虚拟DOM


			
		

	





	

		

			

				
					
Vue需要注意的地方

				
			

			

				

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

				

					12-13
					
					463
					
				

			

		

		

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


问题一:

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

这是父组件





1234567891011121314151617181920


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

			
		

	



		

			
		



	

		

			

				
					
事件冒泡

				
			

			

				

					dqchouyang的专栏
				

				

					06-15
					
					266
					
				

			

		

		

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

			
		

	





	

		

			

				
					
Vue入门-模板语法

				
			

			

				

					qq_39380737的博客
				

				

					02-15
					
					289
					
				

			

		

		

			
				
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
					
					936
					
				

			

		

		

			
				
Vue

			
		

	





	

		

			

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

				
			

			

				

					张飞洪的博客
				

				

					08-26
					
					239
					
				

			

		

		

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

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

			
		

	





	

		

			

				
					
Vue.js 3.2 响应式优化

				
			

			

				

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

				

					10-20
					
					339
					
				

			

		

		

			
				
背景

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.js的学习计划表应用开发实例

				
			

			

				

					
				

			

		

		

			
				
Vue.js 是目前前端开发领域中非常流行的一款渐进式 JavaScript 框架，由尤雨溪开发并维护，其核心设计理念是“渐进式框架”，即开发者可以根据项目需求逐步引入 Vue 的各项功能，而不必一开始就使用完整的生态系统。...

			
		

	





	

		

			

				
					
算法训练 逆序对

				
			

			

				

					菲菲家的吴先森
				

				

					02-19
					
					4682
					
				

			

		

		

			
				
问题描述

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

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

			
		

	





	

		

			

				
					
蓝桥杯 ALGO-7 逆序对

				
			

			

				

					qq_42152681的博客
				

				

					02-02
					
					1255
					
				

			

		

		

			
				
问题描述

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

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

			
		

	





	

		

			

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

				
			

			

				

					huangxiang360729的博客
				

				

					03-15
					
					4605
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					杨咩咩
				

				

					02-16
					
					4244
					
				

			

		

		

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


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

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

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

			
		

	





	

		

			

				
					
算法之逆序对问题求解

				
			

			

				

					SnailDream
				

				

					09-11
					
					2690
					
				

			

		

		

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

			
		

	





	

		

			

				
					
上天让谁灭亡，总是先让他膨胀

				
			

			

				

					天际线；世界的尽头；天涯海角 !
				

				

					05-25
					
					705
					
				

			

		

		

			
				
一、马克思的女儿燕妮，问历史学家维特克：“您能用最简明的语言，把人类历史浓缩在一本小册子里吗？”维特克说：“不必，只要四句德国谚语就够了。”上天让谁灭亡，总是先让他膨胀。时间是筛子，最终会淘去一切沉渣。蜜蜂盗花，结果却使花开茂盛。暗透了，更能看得见星光。二、一士兵遭到敌军突袭后逃到了山洞。敌军在身后紧追，他躲在洞中祈祷不被敌人发现。突然胳膊被狠狠地蛰了一下，原来是只蜘蛛，他刚要捏死，突然心生怜悯，...

			
		

	





	

		

			

				
					
他不懂

				
			

			

				

					u014752938的专栏
				

				

					04-26
					
					481
					
				

			

		

		

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

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值