vue语法、model层、computed 和 method、自定义属性、钩子函数详解、过滤器、混入

这篇博客详细讲解了Vue.js的应用创建、自定义属性的使用、钩子函数的概念与应用,以及过滤器和混入机制的实现。通过全局和局部定义,展示了如何在Vue组件中扩展功能和格式化数据。
摘要由CSDN通过智能技术生成

创建应用

Vue.createApp( )
	创建一个应用 ,任何的Vue相关的内容,都应该在此部分编写。
const vm = app.mount( )
	vm就是获取应用的根组件,通过vm可以获得vue里的任何数据、属性和方法
vm.$data
	获取数据对应内容
data(){}  
	data方法,用于在Vue中声明数据
methods:{}
	methods属性,用于编写Vue中的方法
computed:{}
	计算属性,根据数据,自动进行计算,经常用于数值计算。
watch:{}
	属性说明
		监听属性,属性变化时,制动执行里边的函数。
		可以根据变量的改变,作异步操作和页面样式的改变。
	参数说明
		current
			现在参数的值
		prev
			以前参数的值

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

注意事项
	computed  和  method  都能实现的功能,建议使用 computed  , 因为有缓存
	computed  和  watcher  都能实现的功能,建议使用 computed , 因为更加简洁 

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值