vue-router2.0使用方法

来源:07素材网 12月16日 11:50
一、vue-router2.0

1、以router-link为标签

2、to属性是要跳转的路径

3、router-view是渲染标签

4、transition属性实现自定义的router切换中的动画


二、vue导入router

1、import VueRouter from 'vue-router'

2、使用路由也可以说把路由注入到vue中,所有模块引用都是这样【Vue.use(VueRouter);】

3、实例化路由router = new VueRouter()【参数是选项对象,其中路由配置属性为routes】

4、路由配置: 是一个数组对象,每个对象包含一个路径属性【path】和组件属性【component】

5、路由挂载到vue实例对象中的属性为router,值是路由实例化对象

6、路由嵌套是在路由配置中,每个路由下都有一个属性children【子路由配置】

7、定义路由组件,组件必须是一个包含template属性的对象,template属性值可以是html代码,也可以是指定template模板的id

8、$mount()手动挂载【Vue实例没有el属性时,实例也就没有挂载到某个dom中;这是需要手动调用vm.$mount()方法来挂载】
原文出处:
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。

头条

在使用SQLite3时遇到的几个坑

在使用SQLite3时遇到的几个坑

《本打算在SQLite3数据库里执行一个查询语句,使用的是php语言,起初遇到的是权限问题: permission denied,因为SQLite3数据库文件和PHP执行者属于两个不同的用户,首先需要对这个文件执行mode 777的权限开放,然后,又遇到了下面这样的PHP错误