如何用vue.js中的index

写了个DEMO代码:

<p class="text-success" v-on:click="getIndex($index)">Text:{{option.text}}--Vlue:{{option.value}}</p>

给参数值($index)就可以。

<ul><li v-for="(index,item) in items" data-index="{{index}}" v-on:click="onclick"></li><ul>

onclick:function(event){ let target = event.target console.log(target.getAttribute("data-index"))}

如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话，

你执行npm run dev的时候会出来页面，

是因为你根目录下的package.json文件里script配置了

也就是其实执行的是dev-server.js这个文件，里面有定义

因为我们这个脚手架工具里是用webpack来打包项目文件的，依赖的webpack.dev.conf文件里又定义了

在这个依赖webpack.base.conf文件里面entry入口文件就配置了

所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了

---