论坛网站制作教程,石景山手机网站建设,西安到北京飞机,免费网站建站模块vue中的几种name属性
组件名name
name选项
export default{name:xxx
}
// 获取组件的name属性
this.$options.namevue-devtools调试工具里显示的组件名称#xff1b; 未配置name选项#xff0c;就是组件的文件名#xff1b; vue3配置name通过defineOptions()函数
de…vue中的几种name属性
组件名name
name选项
export default{name:xxx
}
// 获取组件的name属性
this.$options.namevue-devtools调试工具里显示的组件名称 未配置name选项就是组件的文件名 vue3配置name通过defineOptions()函数
defineOptions({name: Son // 组件名
})注册组件的name当组件被引入时设置的名称即是注册名称
kepp-alive的name
使用 时组件的name可以用作include和exclude的值来缓存指定的组件
templatedivkeep-alive :includecachedViewsrouter-view //keep-alive/div
/templatescript
export default {data() {return {cachedViews: [Home, About]}}
}
/script路由的name
路由配置中的 name 属性在 Vue Router 的路由配置中可以为每个路由设置一个 name 属性可以通过路由的name属性跳转
const routes [{path: /,name: Home,component: Home}
]this.$router.push({ name: Home });router-link :to{ name: Home }Go to Home/router-link
