bootstrap内部的tab切换，在ejs里不知道怎么配置，迁到vue项目就都乱套了，基本的切换效果有，但是顺序乱了，所以自己写了一个切换功能
首先为每一个标题注册一个点击事件，并且传入下表

@click="nanTab(1)"
@click="nanTab(2)"
@click="nanTab(3)"
@click="nanTab(4)"
在组件数据里，初始化index
 
data () {
return {
index: 1
在方法中，将事件传入的值，赋值给index
 
methods: {
nanTab (i) {
this.index = i
每点击一个标题，index都是对应的这个标题
 现在根据index，来判断，选中的是否是激活的类名
 
:class='this.index === 1 ? active : col-xs-3'
在内容区域控制显示和隐藏
 
v-show="this.index === 1"
为事件传入参数，每出发一个事件，就将当前事件的参数，传递给一个变量，用来表示当前的下标
根据下标类进行属性绑定，看当前是否是激活的class
然后利用下标进行显示隐藏
                    bootstrap内部的tab切换，在ejs里不知道怎么配置，迁到vue项目就都乱套了，基本的切换效果有，但是顺序乱了，所以自己写了一个切换功能首先为每一个标题注册一个点击事件，并且传入下表@click="nanTab(1)"@click="nanTab(2)"@click="nanTab(3)"@click="nanTab(4)"在组件数据里，初始化indexdata () {...
官方规定组件里面的data必须是一个函数function
在Vue实例中，获取data上的数据，通过this.数据属性名，获取方法，通过this.方法名，this代表实例
angular框架–09年
react–2013年，用户体验好，
React是最流行的一个前端框架（React除了开发网站，还可以开发手机App）
vue—2014年—用户体验好
vue.js是目前最火
				
BootstrapVue 的 tab 组件可以通过绑定 :disabled prop 来动态禁止某个标签页。
可以在某个标签页元素上绑定一个变量来控制其是否被禁用。例如:
<b-tabs>
  <b-tab :disabled="tab1Disabled" title="Tab 1"></b-tab>
  <b-tab :disabled="tab2Dis...
				
怎么在页面里引入bootstrap的css和js文件呢？ 
这是一个nodejs+express工程 在npm install之后或使用npm install bootstrap命令安装bootstrap之后，怎么在views/index.ejs文件中引入bootstrap.css文件呢？
在app.js里面引入这句
app.use("/lib",express.s...
				
最近基于Vue、Bootstrap做了一个箭头样式的进度展示的单页应用，并且支持了对于一个本地JS文件的检索，通过这个单页应用，对于Vue的理解又深入了一些。在这里把主要的代码分享出来。
本单页应用实现了几个功能：
1、点击箭头导航栏能够切换页面内容
2、使用了渲染到方式来展示内容，内容采用混合模板
3、对步骤一中的输入文本框进行监听，根据输入的内容，从本地JS文件检索给出用户提示
期望...
				
用到的语法：1、v-bind：class2、v-for:3、@click实现出来就是这个效果，非常简单，对于新手来说再合适不过了通过vue-cli创建的项目，bootstrap的包我是直接link在index.html里用:class绑定样式来控制active状态，相比于jquery的简单粗暴会有所不同话不多说直接上代码&lt;template&gt;
  &lt;footer&gt;