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
]
}