最近在自学Vue.js，于是随手做了一个选项卡切换的功能，前端萌新第一次写博客，所以代码中或者文章表述有什么错误的，希望各位前辈不吝赐教，感激不尽。首先用Vue.component创建了三个标签名为tab1,tab2,tab3的模板（若模板内容较多，可以用id来设置，这里就不多加解释）Vue.component('tab1',{template:'<div>这是选项卡一 一 一里面的内

今天用vue.js基于components和vue-router做了个简单的 登录注册 组件切换功能，之前都是通过<a>标签链接两个地址来实现跳转，这样增加了页面跳转所需时间，而且用户在使用时也不够流畅。实现效果如下，点击右下角的登录注册链接切换，（只是图中没有显示出我的鼠标指针）以下是代码首先导入vue-router文件，这一步千万不要忘记了<script src="https