一些惊艳的操作

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("$")

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,881评论 18 139
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,691评论 0 0
  • 童话故事《萝卜房子》讲了这么一个故事: 一位老爷爷在床底下发现了一颗萝卜苗,老爷爷说:“就让它长着吧,说不定能长出...
    我是长弓阅读 20,217评论 12 50
  • 原型是广州海珠一棵大树~ 每次上下班都要从树下走过 大概广州没有冬天,所以树叶在冬天依旧茂密,只有零零星星金色的叶...
    海鑫Hedy阅读 244评论 0 0
  • tabby_cat = "\tI'm tabbed in."persian_cat = "I'm split\no...
    喵在野阅读 364评论 0 1