Vue 常用的配置项

最新推荐文章于 2024-07-23 15:01:10 发布

KAHOZ

最新推荐文章于 2024-07-23 15:01:10 发布

阅读量799

点赞数 1

分类专栏： Vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_48648145/article/details/115400597

版权

Vue.js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue.js的核心配置项，包括el、data、methods、computed、watch等，阐述了它们在组件生命周期中的作用。同时，探讨了路由钩子函数、Vuex状态管理和自定义指令的应用，帮助开发者深入理解Vue.js的实战技巧。

摘要由CSDN通过智能技术生成

                    
                        
                    
                    配置项说明
elstring把Vue 实例挂载到DOM元素上，通过id绑定html元素
dataobject数据对象，Vue实例的数据（注意：数据不要与methods 中的方法重名)
methodsobject事件对象，包含事件所要触发的函数（注意：方法名不要与data中的数据重名)
computedobject计算属性
watchobject监听器
directivesobject自定义指令
钩子（hook）函数（8个）functionhook（钩子）函数，不同生命周期引发的动作
路由钩子函数（3个）function路由组件在不同状态时触发
componentsobject组件容器
templatestring定义模板，可以是字符串，也可以是“#”选择器
propsarray/object用于接收来自父组件的数据
routerobject路由
storeobjectvuex状态

                

配置项		说明
el	string	把Vue 实例挂载到DOM元素上，通过id绑定html元素
data	object	数据对象，Vue实例的数据（注意：数据不要与methods 中的方法重名)
methods	object	事件对象，包含事件所要触发的函数（注意：方法名不要与data中的数据重名)
computed	object	计算属性
watch	object	监听器
directives	object	自定义指令
钩子（hook）函数（8个）	function	hook（钩子）函数，不同生命周期引发的动作
路由钩子函数（3个）	function	路由组件在不同状态时触发
components	object	组件容器
template	string	定义模板，可以是字符串，也可以是“#”选择器
props	array/object	用于接收来自父组件的数据
router	object	路由
store	object	vuex状态