起风了

“路海长 青夜旷 越过群山追斜阳”

Vue.js——60分钟webpack项目模板快速入门

image
概述 browserify是一个 CommonJS风格的模块管理和打包工具,上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。webpack提供了和browserify类似的功能,在前端资源管理这方面,它提供了更加出色的功能。官方基于webpack提供了两种项目模板,分别是vue-webpack-simple模板和vue-webpack模板...

如何安装vue开发环境

如何安装vue开发环境缩略图
本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai) 原文链接 https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu 文章允许非篡改署名转载,删除或修改本段版权信息转载的,视为侵犯知识产权,我们保留追求您法律责任的权利...

vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)

vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)缩略图
导语 本次将会从头到尾详解,怎样使用vue和ElementUI快速开发后台管理系统,以及在开发过程中遇到的一些bug 在线demo 源码 如果运行时报错,请检查几个包的版本 node.js 6.10.0 npm 3.10.10 vue 2.1.6 element-ui 1.0.9 项目结构分析 活动发布 步骤一 步骤二 步骤三 步骤四 活动管理 列表页 活动详...

Vue中组件之间8种通信方式,值得收藏

Vue中组件之间8种通信方式,值得收藏缩略图
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。 vue...

过滤器vue.filters的使用

过滤器vue.filters的使用缩略图
写项目的时候,有一些方法我们是需要全局使用的,比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法,我们一般会将其封装为全局的方法;我以前是这样做的,有这么几种方式: 1、挂载到vue.prototype 在main.js入口文件中挂载到vue.prototype,如...

三十分钟学会使用VUE搭建单页应用(SPA) 上

三十分钟学会使用VUE搭建单页应用(SPA) 上缩略图
今天我们将学习如何用VUE构建一个简单的单页应用(SPA) 如果没有其他特殊声明,此教程中的VUE全部指的是VUE2.X版本 预览 让我们先看看最终的的单页程序是什么样子的 成果 阅读本教程之前希望你能有如下的基础知识: VUE基础 如何创建VUE组件 如果你没有任何VUE或者VUE组件的知识,可以看我之前的文章 V...

VueJS简明教程(二)之组件

上一篇:VueJS简明教程(一)之基本使用方法 组件(Component)是Vue最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue的编译器为它添加特殊功能。 在有些情况下,组件也可以表现为用is特性进行了扩展的原生HTML元素。 所有的Vue组件同时也都是Vue的实例,所以可以...

三十分钟学会使用VUE搭建单页应用(SPA) 下

在上一章中,我们学习了用VUE2构建简单的单页应用 (SPA)。 在本章中,我们将要学习: 通过路由传递参数 使用路由守卫 (route guards)使未授权的用户不能访问某些特殊页面 我会在上一章写好的程序上继续添加功能,你可以直接在我的github上克隆上一章的源代码 预览 我们会在上一章已经写好的程序上加入路由参...

用vue写h5网页直播聊天记录字幕滚动条自动下拉

关键词:h5实现直播聊天内容自动上滚 data:{ historys:[], }, watch:{ historys(){ //拉到底 this.$nextTick(function(){ console.log("scrollTop",document.getElementById('talkList').clientHeight,$(".talk-contain-m").scrollTop()); $(".talk-contain-m").scrollTop(document.getElementById('talkList'...

vue实现鼠标移入移出事件

vue mobile模式鼠标移入移出动作,vue 移入移出事件 <div class=”index_tableTitle clearfix” v-for=”(item,index) in table_tit”> <div class=”indexItem”> <span :title=”item.name”>{{item.name}}</span> <span class=”mypor”> <i class=”icon” @mouseenter=”enter(index)” ...