小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
安装浏览器插件vue.js devtools遇到的问题
遇到的问题有：
- 官网进不了，不能在chrome应用商店下载
- GitHub代码下载后按网上操作npm install 就卡在那里，这样不用看就知道成功不了的
解决办法：
极简插件直接下载
安装之后又遇到问题
1.没检测到vue
2.控制台还是提醒要下载该工具
原因：
我是浏览器打开的文件，但默认该插件不检测
解决办法：
在浏览器设置=>管理扩展里=>勾选上允许访问文件url，问题就解决啦
检测到了
没有提示要下载了
笔记
- 事件修饰符
1.prevent
2.stop(给子标签加)
3.once
4.capture（给父标签加）
5.self（触发对象是自己）
6.passive:可以把事件挂起，执行后面的
scroll滚动条,wheel鼠标滚轮事件
多个修饰符可以叠加
- 键盘事件
@keyup.enter
.delete
.esc
.up
.down
.left
.right
.caps-lock
@keydown.tab更合适
tab可以切换焦点
系统修饰键：
配合keydown正常，配合keyup需要ctrl+任意键，然后释放任意键，才触发
ctrl
alt
shift
meta(windows键)
keycode将被放弃！！！！！
可以定制事件，比如enter定义成huiche，但不推荐。
- 示例代码
//开头记得引入vue.js开发版或稳定版
<div id="root">
<h2>huanyin</h2>
<button v-on:click='show'>dianw</button>
<button v-on:click='showtwo(66,$event)'>dianw</button>
</div>
<ul id="scro" @wheel.passive='fn' class="sc">
<li>2</li>
<li>1</li>
<li>3</li>
<li>4</li>
</ul>
<script>
let vm = new Vue({
el:'#root',
data:{
//做数据代理
name:'yellow'
},
// 接受vue管理的函数不要写箭头函数
methods: {
//不做数据代理，这属于方法，让vue轻松一点
show(event){
console.log(event.target);
console.log(this);//指向实例对象
},
showtwo(a,b){
console.log(a,b);
}
},
})
</script>
