详解---vue-router路由和router-link

1. 安装依赖：npm i vue-router -S2. 在main.js中引入 `import VueRouter from 'vue-router';`3. 安装插件 `Vue.use(VueRouter);`4. 创建路由对象并配置路由规则5. 将其路由对象传递给Vue的实例6. 在app.vue中留坑 ` <router-view></rou...

丸子哥哥

4528人浏览 · 2019-04-24 22:56:38

丸子哥哥 · 2019-04-24 22:56:38 发布

1. 安装依赖：npm i vue-router -S

2. 在main.js中引入 `import VueRouter from 'vue-router';`

3. 安装插件 `Vue.use(VueRouter);`

4. 创建路由对象并配置路由规则

5. 将其路由对象传递给Vue的实例

6. 在app.vue中留坑 ` <router-view></router-view>`

然后用router-link中的to属性进行路由:

有什么问题欢迎留言！~~~~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^