views 命名 views 文件夹下面是由 以页面为单位的vue文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。 views 下的文件夹命名 views 下面的文件夹代表着模块的名字 由名词组成（car、order、cart） 单词只能有一个（
转载
2019-08-10 14:19:00
554阅读
2评论
有时候想同时（同级）展示多个视图，而不是嵌套展示，例如创建一个布局，有 sidebar（侧导航） 和 main（主内容） 两个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果 router-view 没有设置名字，那么默认为 default。
转载
2018-11-29 14:26:00
70阅读
2评论
定义组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 使用 PascalCase Vue.component('MyComponentName', { /* ... */ }) 当使用 PascalC ...
转载
2021-08-13 16:20:00
294阅读
2评论
1、组件名官方推荐的组件名是 每个单词首字母大写（PascalCase） 或者 全小写用 - 连接（kebab-case） 。 在DOM中使用的时候， 改为全小写，
原创
2023-02-24 11:35:45
2112阅读
步骤作用：可以简化路由的跳转。如何使用给路由命名：{ path:'/demo', component:Demo, children:[ { p
原创
2022-12-21 10:08:25
86阅读
有时我们通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候.你可以在创建 Router 实例的时候,在 routes 配置中给某个路由设置名称.我们直接在路由下添加一个 name 即可. 要链接到一个命名路由，可以给 router-link 的 to 属性传一个
转载
2018-11-29 14:23:00
118阅读
2评论
有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。 const router = new VueRouter({ routes: [ { path: '/user/:u
转载
2019-06-11 16:37:00
211阅读
2评论
Vue 命名规范指南 良好的命名规范可以提高代码的可读性和可维护性。以下是 Vue 项目中推荐的命名规范： 1. 组
我们可以通过一个名称来标识一个路由，当连接一个路由，或者执行跳转时，是非常方便的：c
原创
2019-09-23 08:24:07
124阅读
1.6 命名视图1.6.1 概述有时候需要同时（同级）显示多个视图，而不是嵌套显示。比如创建一个布局，有 header 头部、sidebar 侧边栏、main 主内容等，这个时候就可以使用命名视图，可以同时在一个页面上定义多个命名视图！1.6.2 基本写法命名路由<router-view name="header"></router-view><router-view
原创
2023-02-23 00:02:33
154阅读
命名路由： { path: '/about', name: 'about', component: About } 作用： 1、路由跳转 this.$router.push({ name: 'about' }) 2、路由重定向 { path: '/a', redirect: { // path: '
原创
2021-08-07 09:05:42
994阅读
1、定义组件名的方式有两种：使用 kebab-case当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-case，例如 。Vue.component('my-component-name', { /* ... */ })使用 PascalCase当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。注意，尽管如此，直接在 DOM (即非字符
原创
2022-11-18 00:04:49
272阅读
当注册组件（或者 props）时，可以使用 kebab-case ，camelCase ，或 TitleCase 。Vue 不关心这个。// 在组件定义中components: { // 使用 camelCase 形式注册 'kebab-cased-component': { /* ... */ }, 'camelCasedComponent': { /* ... */ }, ...
原创
2021-07-07 13:40:30
187阅读
1.5 命名路由1.5.1 概述有时候通过一个名字来标识路由会更方便，特别是在链接到路由，或者执行导航时。在创建 Router 实例的时候，在 routes 选项中为路由设置名称。1.5.2 基本写法修改 index.js 文件import { createRouter, createWebHashHistory } from 'vue-router'import Study from '../v
原创
2023-02-23 00:02:35
77阅读
