vue 路由vue-router

本文介绍如何在Vue项目中配置和使用路由。包括安装vue-router、设置路由链接、创建路由对应的组件、配置路由规则等步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目结构

1.下载路由  cnpn install   vue-router  -D 

2.在app.vue中创建  连接执行   tag 指定显示标签

<template>
    <ul>
        <router-link  tag="li" to="/home" >用户中心</router-link>
        <router-link  tag="li" to="/role">权限中心</router-link>
    </ul>
</template>
<router-view></router-view>

3.在components 中创建   点击路由显示的模块

4.创建路由配置文件爱你    router.config.js    引入显示的子模块     注意:::::routes   配置路径

import Home from './components/home.vue'
import Role from './components/role.vue'

export default {
    routes:[
        {
            path:'/home',component:Home
        },
        {
            path:'/role',component:Role
        },
        {
            path:'*',component:Home
        }
    ]
}


5.main.js中引入路由  vue-router 和  router.config.js   引入

import VueRouter from 'vue-router'
import routerConfig from './router.config.js'
Vue.use(VueRouter);
const router = new VueRouter(
    routerConfig
)
new Vue({
    mode:'history',
    router,
    el: '#app',
    render: (function (h) {
        return h(App);
    })
})







内容概要:本文系统介绍了基于C#(VS2022+.NET Core)与HALCON 24.11的工业视觉测量拟合技术,涵盖边缘提取、几何拟合、精度优化及工业部署全流程。文中详细解析了亚像素边缘提取、Tukey抗噪算法、SVD平面拟合等核心技术,并提供了汽车零件孔径测量、PCB焊点共面性检测等典型应用场景的完整代码示例。通过GPU加速、EtherCAT同步等优化策略,实现了±0.01mm级测量精度,满足ISO 1101标准。此外,文章还探讨了深度学习、量子启发式算法等前沿技术的应用前景。 适合人群:具备一定编程基础,尤其是熟悉C#和HALCON的工程师或研究人员,以及从事工业视觉测量与自动化检测领域的技术人员。 使用场景及目标:①学习如何使用C#和HALCON实现高精度工业视觉测量系统的开发;②掌握边缘提取、抗差拟合、3D点云处理等核心技术的具体实现方法;③了解工业部署中的关键技术,如GPU加速、EtherCAT同步控制、实时数据看板等;④探索基于深度学习和量子计算的前沿技术在工业视觉中的应用。 其他说明:本文不仅提供了详细的理论分析和技术实现,还附有完整的代码示例和实验数据,帮助读者更好地理解和实践。同时,文中提到的硬件选型、校准方法、精度验证等内容,为实际项目实施提供了重要参考。文章最后还给出了未来的技术演进方向和开发者行动建议,如量子-经典混合计算、自监督学习等,以及参与HALCON官方认证和开源社区的建议。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值