当前位置: 首页 > news >正文

vue知识点3

1.使用componenent的好处

符合高内聚,低耦合。一个组件出问题了,不会影响其他组件。

2.vue版本决定了一些使用框架的版本

vue2使用的路由版本只能到3

3.路由的配置介绍一下

a.安装路由的插件 npm install vue-router@3

b.整理文件路径 

将路径整理成一个数组

route:[

{path:'/',redirect:'/login'}

]

c.启动页面要有

<router-view></router-view>

d.main.js界面

要引用整理好的路由管理文件

并且绑定

import Vue2 from 'vue'
import App2 from './App.vue';
import Ant from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css'; 
//import router from './router/index.js';//和下面的效果一致
import router from './router'Vue2.config.productionTip = false
Vue2.use(Ant);
new Vue2({router,render: h => h(App2),
}).$mount('#app')

4.路由地址跳转的方法发

this.$router.push();

5.路有还可以有子路由

{

        path:'/tabs',

        componet:tabs,

        children:[

       路径1(格式参考父路径),

        路径2

        ]

}


http://www.mrgr.cn/news/90421.html

相关文章:

  • 如何在 Elasticsearch 中设置向量搜索 - 第二部分
  • BUU35 [DASCTF X GFCTF 2024|四月开启第一局]EasySignin 100 【gopher打mysql】
  • pair的使用(c++)
  • Photoshop自定义键盘快捷键
  • HTML之JavaScript对象声明
  • 环信EaseCallKit信令详解
  • MySQL两阶段提交策略
  • Ai无限免费生成高质量ppt教程(deepseek+kimi)
  • (1/100)每日小游戏平台系列
  • SAP-ABAP:ROLLBACK WORK使用详解
  • 19.3 连接数据库
  • Linux网络编程--Udp套接字+实战 (万字详解,超详细!!)
  • SAP-ABAP:在LOOP循环中 ASSIGNING FIELD-SYMBOL的使用代码详解
  • 独家|被高层看重,美团AI“大跃进”
  • html css网页制作成品——HTML+CSS茶百道的茶网页设计(6页)附源码
  • react项目引入tailwindcss不生效解决方案
  • React 高级教程
  • 【CS61A 2024秋】Python入门课,全过程记录P7(Week13 Macros至完结)【完结撒花!】
  • [笔记.AI]Deepseek-R1 各参数版本的蒸馏模型对比
  • Spring Boot 配置 Mybatis 读写分离
  • jenkins备份还原配置文件
  • 基于STM32的智能鱼缸水质净化系统设计
  • C++引用深度详解
  • Flutter_学习记录_基本组件的使用记录_2
  • 数据结构与算法-单链表
  • UnrealEngine开发无人机飞行模拟软件的手柄如何选择