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

        ]

}

6.介绍一下v-model

vue数据双向绑定的指令

7.介绍一下v-show

控制元素或组件显示或隐藏的指令,通过css样式控制

8.介绍一下v-if

控制元素或组件的显示或销毁，跟v-show不一样，v-if是通过插入或销毁的方式，进行控制

9.介绍一下v-bind

动态绑定html的属性，class,style

v-bind:style="{'font-sizez':size+'px'}",

v-bind的简写，就是对属性动态赋值的简写

<div :class="class">

10.vue的消息提醒有哪些

this.$message.success("Success");

this.$message.warn("Warning");

this.$message.error("Error");