摘要：
单文件组件介绍 vue中的单文件组件是以.vue扩展名结尾的文件，在这个文件中封装了html、js、css的代码，它自身是一个独立的组件，所以成为单文件组件； vue文件结构 由于.vue封装了html、js、css的代码，所以它由以下几部分组成； <template> html </templat 阅读全文
posted @ 2019-04-30 15:24
perfect*
阅读(1401)
评论(0)
推荐(1)
摘要：
路由可以结合过渡效果使用； 使用<transition></transition>将<router-view></router-view>包裹住，再写样式即可。 在下面的实例中用到了第三方的动画库animate来进行过渡 animate官网：https://daneden.github.io/ani 阅读全文
posted @ 2019-04-30 14:10
perfect*
阅读(402)
评论(0)
推荐(0)
摘要：
在上一篇的博文中，实现的跳转是在页面中进行实现的 利用vue-router实例方法，使用js对路由进行动态跳转； 1、router.push：参数为路由对象，跳转到指定路由，跳转后会产生历史记录； 2、router.replace：参数为路由对象，跳转到指定路由，跳转后不产生历史记录； 由效果图可以 阅读全文
posted @ 2019-04-30 13:29
perfect*
阅读(1834)
评论(0)
推荐(0)
摘要：
在上一章博文中使用路由对象$route获取参数时，组件和路由对象耦合，在这篇博文中就可以使用props来进行解耦； 1、在组件中使用props选项定义数据，接收参数； 2、在路由中，使用props选项来进行设置，路由中的props有三种模式： a、布尔模式：props设置为true,可接收param 阅读全文
posted @ 2019-04-30 09:45
perfect*
阅读(2004)
评论(0)
推荐(0)
浙公网安备 33010602011771号