概述
browserify是一个 CommonJS风格的模块管理和打包工具,上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。webpack提供了和browserify类似的功能,在前端资源管理这方面,它提供了更加出色的功能。官方基于webpack提供了两种项目模板,分别是vue-webpack-simple模板和vue-webpack模板...
本文作者 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和ElementUI快速开发后台管理系统,以及在开发过程中遇到的一些bug
在线demo
源码
如果运行时报错,请检查几个包的版本
node.js 6.10.0
npm 3.10.10
vue 2.1.6
element-ui 1.0.9
项目结构分析
活动发布
步骤一
步骤二
步骤三
步骤四
活动管理
列表页
活动详...
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。 vue...
写项目的时候,有一些方法我们是需要全局使用的,比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法,我们一般会将其封装为全局的方法;我以前是这样做的,有这么几种方式:
1、挂载到vue.prototype
在main.js入口文件中挂载到vue.prototype,如...
今天我们将学习如何用VUE构建一个简单的单页应用(SPA)
如果没有其他特殊声明,此教程中的VUE全部指的是VUE2.X版本
预览
让我们先看看最终的的单页程序是什么样子的
成果
阅读本教程之前希望你能有如下的基础知识:
VUE基础
如何创建VUE组件
如果你没有任何VUE或者VUE组件的知识,可以看我之前的文章
V...
上一篇:VueJS简明教程(一)之基本使用方法
组件(Component)是Vue最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue的编译器为它添加特殊功能。
在有些情况下,组件也可以表现为用is特性进行了扩展的原生HTML元素。
所有的Vue组件同时也都是Vue的实例,所以可以...
在上一章中,我们学习了用VUE2构建简单的单页应用 (SPA)。
在本章中,我们将要学习:
通过路由传递参数
使用路由守卫 (route guards)使未授权的用户不能访问某些特殊页面
我会在上一章写好的程序上继续添加功能,你可以直接在我的github上克隆上一章的源代码
预览
我们会在上一章已经写好的程序上加入路由参...
关键词: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 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)” ...