一些惊艳的操作

1.  点击一次按钮后 触发某个事件 ，再次点击无校

 @click= " virgin && showsomthig()"

其中 virgin 是个 布尔 

showsomthing 是事件 注意的是 在这种写法中  showsomething() 必须加上小括号

2.图片路径打包出错的问题 

1. 一个在办法是在webpack.base.conf 里设置assetsPublicPath:'/' 根目录，assetsSubDirectory: './在服务器中的相对路径/static',

config/index.js

assetsSubDirectory:'AbsolutePath/projectPath/static',    assetsPublicPath:'/',

2. 还有一个是在ExtractTextPlugin,css目录路径，把脱离出来的css路径裸在项目路径，在webpack.prod.conf中设置,

//不需要提到static/css 中//new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),newExtractTextPlugin('[name].[contenthash].css'),

config/index.js

assetsSubDirectory:'static',    assetsPublicPath:'./',

3. 在 data 里面 使用 bg:require（img） 然后在标签内用动态 ：style="{background:'bg'}"

4.

3.动态改变title

参考 

https://segmentfault.com/a/1190000007387556

这里是用innerText来实现标题更新，如果你嫌弃这里多了一个无用div，还可以通过指令绑定值的方式实现

Vue.directive('title', {  inserted: function (el, binding) {    document.title= binding.value}})……组件内的内容这里的div可以是你组件内的任何标签

4. 快速生成一个相同元素的数组（100个false）

1. ES6大法

Array(100).fill(false)

或者

Array（...Array(100)).map(()=>{returnfalse})

2. ES5未老

Array.apply(null,Array(10)).map(function(){return false})

或者

Array(10).join("false$").split("$")