06 2018 档案

关于Vue实例的生命周期created和mounted的区别
摘要：关于作者 个人网站：http://www.linganmin.cn 最近刚写了一个手机在线播放的H5电影站：https://ifilm.linganmin.cn 生命周期先上图 什么是生命周期 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的 阅读全文
posted @ 2018-06-14 09:30 luoye7121 阅读(264) 评论(0) 推荐(0)
webpack配置vue项目 引入和部分引入
摘要：引入css css-loader 样式style style-loader(备注：style-loader与css-loader 引入顺序必须为style!css否则引入的file-loader中的@符号无法编译成功) 字体图标 file-loader 使用less时，需下载： less less- 阅读全文
posted @ 2018-06-14 08:46 luoye7121 阅读(501) 评论(0) 推荐(0)
npm
摘要：//i ->install //D ->--save-dev（开发依赖） //S ->--save(环境依赖) 阅读全文
posted @ 2018-06-14 08:17 luoye7121 阅读(95) 评论(0) 推荐(0)
Vue 爬坑之路（五）—— 组件进阶
摘要：组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。 一、基本用法 在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 HTML 代码，一个简单的组 阅读全文
posted @ 2018-06-11 17:07 luoye7121 阅读(179) 评论(0) 推荐(0)
window.open --firefox
摘要：火狐window.open() window.open("http://baidu.com")；直接拦截 chrome、ie等浏览器拦截是在ajax中window.open("http://baidu.com"); 火狐 window.open() 改为<a href="url">路径</a>通过a 阅读全文
posted @ 2018-06-11 15:48 luoye7121 阅读(668) 评论(0) 推荐(0)
火狐浏览器中如何使用javascript:window.close()关闭窗口？
摘要：代码示例： <input type="button" value="关闭窗体" onclick="javascript:window.close()" /><input type="button" value="打印窗体" onclick="javascript:window.print()" /> 阅读全文
posted @ 2018-06-11 13:18 luoye7121 阅读(569) 评论(0) 推荐(0)
vue-transition
摘要：动画 需要下载animated.css文件并引入 命令 $brower install animated.css(备注：brower为纯前端的下载资源的管理工具) <transition enter-active-class="animated zoomInLeft" leave-active-cl 阅读全文
posted @ 2018-06-08 09:49 luoye7121 阅读(126) 评论(0) 推荐(0)
vue--router2.0
摘要：title: vue-router2.0 date: 2018-06-07 17:34:00 tags: //路由实例方法 router.push({path:'home'})//直接添加一个路由，表现是切换路由，本质是往历史记录里添加一个记录 router.replace{{path:'news' 阅读全文
posted @ 2018-06-08 09:48 luoye7121 阅读(147) 评论(0) 推荐(0)
vue 淘宝镜像
摘要：1、淘宝镜像安装 npm config set registry https://registry.npm.taobao.org 2、配置后可通过下面方式来验证是否成功 npm config get registry 3.通过cnpm使用 npm install -g cnpm --registry 阅读全文
posted @ 2018-06-07 16:05 luoye7121 阅读(1458) 评论(0) 推荐(0)
创建vue项目
摘要：项目模板 Simple 个人感觉没用 Webpack Webpack-simple Browserify Browserify-simple 1、Npm install vue-cli -g 安装vue命令环境 安装OK？ vue-version 2、生成项目模板 Vue-init <模板> 项目名 阅读全文
posted @ 2018-06-07 16:03 luoye7121 阅读(117) 评论(0) 推荐(0)
window.open浏览器弹出新窗口被拦截—原因分析和解决方案
摘要：标签： javaScript / window.open / 打开新窗口 / 关闭新窗口 / 超链接 13502 13502 最近在做项目的时候碰到了使用window.open被浏览器拦截的情况，在本机实验没问题，到了服务器就被拦截了，火狐有拦截提示，360浏览器拦截提示都没有，虽然在自己的环境可以 阅读全文
posted @ 2018-06-07 15:32 luoye7121 阅读(463) 评论(0) 推荐(0)
vue通信
摘要：1、子组件想获取父组件的data 在调用的子组件：<bbb :m="父组件的数据"></bbb> 子组件之内： props：['m','myMsg'] 或者 props:{ 'm':String, 'myMsg':'Number' } 2、父组件获取子组件数据 子组件把自己饿数据，发送到父级 子组件 阅读全文
posted @ 2018-06-03 17:37 luoye7121 阅读(129) 评论(0) 推荐(0)
vue 组件
摘要：1、全局组件 <div id="box"> <aaa></aaa> </div> var Aaaa=Vue.extend({ template:"<h3>我是h3</h3>" }); Vue.component('aaa',Aaa); 注：数据，组件里的数据必须是data：function(){}且 阅读全文
posted @ 2018-06-03 17:33 luoye7121 阅读(134) 评论(0) 推荐(0)
vue-transtion交互(也叫作动画)
摘要：<style> #div1{ width:100px; height:100px; background:red; } .fade-transition{ trnsition:1s all ease; } .fade-enter{ opacity:0; } .fade-leave{ opacity: 阅读全文
posted @ 2018-06-03 16:17 luoye7121 阅读(536) 评论(0) 推荐(0)
自定义键盘事件
摘要：数据配合使用过滤器 limitBy 限制几个 limitBy 参数（取几个） limitBy 取几个从哪里开始 filterBy 过滤数据 filterBy ‘谁’ orderBy 排序 orderBy 1/-1 orderBy 1 >正序 orderBy 1 >倒序 自定义指令 Vue.direc 阅读全文
posted @ 2018-06-01 08:52 luoye7121 阅读(262) 评论(0) 推荐(0)