随笔分类 - Vue2.0
摘要:一绝对路径直接引入全局可用 二绝对路径直接引入配置后import 引入后再使用 三webpack中配置 aliasimport 引入后再使用 四webpack 中配置 plugins无需 import 全局可用 结论 一绝对路径直接引入全局可用 二绝对路径直接引入配置后import 引入后再使用 三
阅读全文
摘要:因为公司有个项目有webapp的需求,在前期准备的期间考虑过使用ionic,毕竟该项目web端的框架使用的是Angular,项目组的人也都比较熟悉,但是我们毕竟只是做个移动的网页,不想用ionic那么繁琐的东西,最终我还是选了vue。 开始的设想是vue+Muse-ui或者Mint-ui(各有优缺点
阅读全文
摘要:没接触过flexible的建议先看看大漠的这篇文章这样你才会知道长度为什么用rem,而字体要用px 安装flexible npm install lib-flexible --save 引入flexible 在项目入口文件main.js中添加如下代码,引入flexible import 'lib-f
阅读全文
摘要:Vue 兄弟组件通信(不使用Vuex) 项目中,我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题,但在一些小型的项目中,我们就没有必要去引入vuex。下面简单介绍一下使用传统方法,实现父子组件通信的方法。 简单实例:我们在a组件中点击按钮,将信息传给b
阅读全文
摘要:常用 General 按 Press功能 Function Ctrl + Shift + P,F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/instance Ctr
阅读全文
摘要:1 一般在vue中,有很多vue组件,这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import 一次模块。 如果是基于vue.js编写的插件我们可以用 Vue.use(...) main.js 2 但是如果想添加一个全局命令,同时又让每个vue的文件都能用到怎么
阅读全文
摘要:方法一:http://www.jianshu.com/p/04dffe7a6b74 //在mian.js中写入函数 //在所有组件里可调用函数 方法二: // 写好自己需要的base.js文件 // main.js 引入并使用 //在所有组件里可调用函数 目录结构:
阅读全文
摘要:项目中在路由跳转的时候碰到一个问题,没有更新视图,如何解决呢:
阅读全文
摘要://打开发送邮件窗口 openSendMail(){ document.getElementById('sendMail').click(); },
阅读全文
摘要:概述 2016年已经结束了。你是否会思考一下,自己在过去的一年里是否错过一些重要的东西?不用担心,我们正在回顾那些流行的趋势。通过比较过去12个月里Github所增加的star数,我们利用bestof.js.org分析所涉及的项目技术,发现2016最流行项目有以下这些:图片通过比较去年最火的10个项目,你可以总览2016的web前端技术发展,会发现:Vue.js在去年获得了超过25000个st...
阅读全文
摘要:新歌 排行 歌单 歌手 彩铃 回到上一级可以这么写 {{title}} 这个demo的地址https://github.com/lavyun/vue-kugouMusic
阅读全文
摘要:/** * Created by */ export default { trim: (str) => { //删除左右两端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); },//显示当天的时间,超过一天显示昨天,大于一天,显示,星期,年 formatMessageTime: (time) => { ...
阅读全文
摘要:@contextmenu.prevent="rightShow()" v-on:contextmenu.prevent = "事件名称" @contextmenu.prevent="rightShow()" v-on:contextmenu.prevent = "事件名称"
阅读全文
摘要:这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记,学习一下Vue键盘事件 键盘事件 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <!DOCTYPE html>
阅读全文
摘要:在vue中可以通过给标签加ref属性,就可以在js中利用ref去引用它,从而操作该dom元素,以下是个例子,可以当做参考 [html] view plain copy <template> <div> <div id="box" ref="mybox"> DEMO </div> </div> </t
阅读全文
摘要:// template {{a | data}} //script data:{ a: Date.now() } filters: { data:function (input) {
阅读全文
摘要:在进行vue的学习,项目中需要引入bootstrap、jquery的步骤。 一、引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中。 然后修改webpack.base.c
阅读全文
摘要:require-ensure和require-amd的区别: require-amd 说明: 同AMD规范的require函数,使用时传递一个模块数组和回调函数,模块都被下载下来且都被执行后才执行回调函数 语法: require(dependencies: String[], [callback:
阅读全文
摘要:1.事情对象 通过show($event)把事件对象传到方法里 2.事件冒泡 点击按钮的话他会,执行show ,show1方法,依次弹出1,2。 怎么来阻止 <1> 利用我们上面讲过的event对象: event.cancelBubble = true; //这种就阻止了 <2>利用vue的方法阻止
阅读全文
摘要:Vue开源项目库汇总 转自:http://www.cnblogs.com/opendigg/p/6513510.html 最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star
阅读全文