VueJs 第113页

探秘vue-rx 2.0(推荐)

目前VueJS中，如果要结合RxJS，可能需要手动订阅和取消订阅，写起来还是没有CycleJS方便。最近，VueJS社区升级了vue-rx这个库，实现了比较方便地把Vue

xufei·2018-09-21 14:38

Web前端学习笔记——VueJS之组件、路由

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用Vue.extend配合

唯恋殊雨·2018-09-20 19:07

Vue（v2.5.17）之选项/数据 - data

官方链接地址：https://cn.vuejs.org/v2/api/#data一、data的类型data为Object对象类型姓名:{{username}}年龄:{{age}}是否成年:{{isAdult

Amio_·2018-09-20 17:48

vue-cli @v3.0 安装&配置

首先一如既然先把官方文档地址扔出来，有需要跳转查看~https://cli.vuejs.org/zh/guide/#全局安装vue-cli$npminstall-g@vue/cli#创建新项目$vuecreatejc-project

leeleejoker·2018-09-20 14:43

vuejs router history 配置到iis的方法

先用web平台安装程序安装urlrewrite然后新建web.config在网站根目录下写如下：以上这篇vuejsrouterhistory配置到iis的方法就是小编分享给大家的全部内容了，希望能给大家一个参考

夜刈萌影·2018-09-20 14:30

关于单文件组件.vue的使用

vuejs自定义了一种.vue文件，可以把html,css,js写到一个文件中，从而实现了对一个组件的封装，一个.vue文件就是一个单独的组件。

wimenlo·2018-09-20 14:35

Vuejs+vue-router打包+Nginx配置的实例

其实这个网上已经有了很多人写了，为什么我还要再写这一篇博客？因为我亲身把他们生产的坑给踩了个通透（摊手。正文开始本次的项目是基于vue-cli生成的项目，采用的vue-router的history模式。到这里相信大部人还是类似了，接下来就是一个坑死人不偿命的网上诸多博客都在采用的巨坑。在进行打包的时候，很多博客里都写了，将/config/index.js下，build中的assetsPublicP

Seven_Anon·2018-09-20 11:05

抽奖九宫格Demo

开发环境vuejs框架ajax用的是axios思路首先必须将UI设计好；声明一个list对象用于存放九宫格中的内容列表，包括奖项、抽奖按钮、谢谢参与等，然后通过v-for将这些项填充到九宫格中；声明一个

YaoDeBiAn·2018-09-19 10:04

vue自定义tap指令及tap事件的实现

1.Vue指令Vue提供自定义实现指令的功能,和组件类似,可以是全局指令和局部指令,详细可以参见vue官网自定义指令一节(https://cn.vuejs.org/v2/guide/custom-directive.html

Mr_code·2018-09-18 11:18

vue的过滤器filter实例详解

vuefilter的官网介绍https://cn.vuejs.org/v2/guide/filters.html下面就具体拿自己的一个例子介绍：某个filter.js//限制汉字的个数exportconstlimitWordLength

adouwt·2018-09-17 10:40

vue的过滤器filter

vuefilter的官网介绍https://cn.vuejs.org/v2/guide/filters.html下面就具体拿自己的一个例子介绍：某个filter.js//限制汉字的个数exportconstlimitWordLength

adouwt·2018-09-17 10:00

vue 实现边输入边搜索功能的实例讲解

点击确定的按钮在向后发送请求，还有一种就是的我一边输入，一边向后台发送请求，但是会产生一个性能的问题，就是一直发请求造成页面的卡顿，这里就是使用截流函数,当用户每次点击键盘之间超过300ms就发送请求，否则不请求search.vuejs

zhooson·2018-09-16 13:25

Vue知识点：

这就是我们要说的Vue的nextTick方法：https://cn.vuejs.org/v2/api/#Vue-nextTick2、offsetTop3、弹窗的位置随鼠标点击的位置变化4、this.

Jerryman_GHJ·2018-09-15 09:14

Flask(flask_restful.Api)+vue(webpack)+axios实现简单的前后端分离

前端部分1.部署webpack脚手架首先按照此博文的步骤在win10本地部署好vuejs的webpack脚手架2.安装并使用axios进行异步通信搜了一些介绍，现在vue2.0以上官方都是建议使用axios

Yvettre·2018-09-14 16:17

前端虚拟接口mock的用法

前端虚拟接口—mock的用法首先是准备工作，你需要会VueJS，Vue-resource，vue-cli，然后就是安装下载mockjsnpminstallmockjs使用Mock.mock()第一个参数是需要拦截的接口

Sunshine~小妹·2018-09-14 11:59

vue的全局变量和全局拦截请求器的示例代码

做的产品证书管理系统使用的是VueJs和ElementUI，现将遇到的一些知识点记录一下。

ZCJ爱笑的菇凉·2018-09-13 10:58

解决vuejs项目里css引用背景图片不能显示的问题

解决：build->utils.js里，修改：增加publicPath:'../../',if(options.extract){returnExtractTextPlugin.extract({use:loaders,publicPath:'../../',fallback:'vue-style-loader'})}else{return['vue-style-loader'].concat(l

milli236·2018-09-13 09:02

第一个VueJs入门页面

Vue.js是什么Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。入门代码： Vue入门实例 {{book.n

BADAO_LIUMANG_QIZHI·2018-09-12 23:32

Vuejs2.0开发仿QQ音乐webpp案例分析

Vuejs是一套MVVM框架，主要注重于view层，实现数据双向绑定与及虚拟DOM，解放你的双手，让你不用直接和真实的DOM进行操作，只要数据改变，vue自动检查DOM结构不同，更新DOM元素结构

大灰狼的小绵羊哥哥·2018-09-12 14:43

解决Vue.js父组件$on无法监听子组件$emit触发事件的问题

最近学习vuejs看例子中用$on无法监听子组件$emit触发事件：使用版本vue.js2.2.5参考文献1.vuejsAPI2.解决实例问题分析1.之前写的自定义组件事件触发为this.

wo_buzhidao·2018-09-12 10:24

vue的全局变量和全局拦截请求器

做的产品证书管理系统使用的是VueJs和ElementUI，现将遇到的一些知识点记录一下。

weixin_34194379·2018-09-12 05:30

hello vue声明式渲染

varvm=newVue({//要用哪一个div即V层el:'#main',//数据即M层data:{msg:'hellovue'},//方法函数methods:{},})vue教程：https://cn.vuejs.org

damei2017·2018-09-11 17:57

2018-09-10vue js介绍和案例

MVVM框架(Model-View-ViewModel)框架，其实就是数据的双向绑定数据驱动+组件化的前端开发(核心思想)通过简单的API可以实现响应式的数据绑定和组合的视图组件更容易上手、小巧参考官网：vuejs.orgvue

萧声断未央·2018-09-11 16:01

深入理解 Vuejs 组件

本文主要归纳在Vuejs学习过程中对于Vuejs组件的各个相关要点。由于本人水平有限，如文中出现错误请多多包涵并指正，感谢。

evenyao·2018-09-11 12:42

解决Vue2.0 watch对象属性变化监听不到的问题

请参照https://v1-cn.vuejs.org/guide/reactivity.html解决方式：通过vue的this.$set

HiZhg·2018-09-11 10:30

Vuejs 基础与语法

Vue实例创建第一个实例{{}}被称之为插值表达式。可以用来进行文本插值。Vue入门{{msg}}newVue({el:"#root",data:{msg:"helloworld"}})JSbin预览实例、挂载点、模板实例里，需指定挂载点，模板模板指的是挂载点内部的内容：可以写在挂载点内部也可以写在实例的template属性里面newVue({el:"#root",template:'hello{

passMaker·2018-09-11 08:39

18_尚硅谷_Vue_使用vue-cli创建项目&&19_尚硅谷_Vue_基于脚手架编写项目

1、使用vue-cli创建项目参考：https://www.npmjs.com/package/vue-clihttps://github.com/vuejs/vue-cli/tree/masterhttps

qq_34983808·2018-09-10 19:45

Vue.js框架--路由（十六）

主要操作技能：官网https://router.vuejs.org/中文网https://router.vuejs.org/zh/guide/vue路由配置：1.安装cnpminstallvue-router

凌冰_·2018-09-10 16:41

vue cli3.0 打包并在本地查看

DONEBuildcomplete.Thedistdirectoryisreadytobedeployed.INFOCheckoutdeploymentinstructionsathttps://cli.vuejs.org

Joyce_TT·2018-09-10 14:27

Vuejs 实现简易 todoList 功能与组件实例代码

todoList结合之前Vuejs基础与语法•使用v-model双向绑定input输入内容与数据data•使用@click和methods关联事件•使用v-for进行数据循环展示TodoList提交{{

苦作舟·2018-09-10 09:10

VUE v-if 和v-else-if页面加载出现闪现解决方法

vue中v-if和v-else-if在页面加载的时候，不满足条件的标签会加载然后再消失掉，如果要解决这个问题，案例如下：vuehtml代码块：ABCNotA/B/Cvuejs代码块：vardivApp=

King哥2·2018-09-07 17:38

Vuejs开发环境搭建及热更新【推荐】

Vue.jsVue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。Vue.js是数据驱动的，它通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM。一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应

NewCode·2018-09-07 14:21

vuejs实现折叠面板展开收缩动画效果

vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。

yumihe·2018-09-06 11:36

Vuejs2 + Webpack框架里,模拟下载的实例讲解

在实际的开发工作中，难免要配合销售人员，提前做一些前端的DEMO出来。这个时候往往还没有连接后端API。假如要演示一个下载连接，那么应该如何做呢？我们希望能够达成以下两点：1、在开发环境下，我们可以在webpack-dev-server开发服务器上点击下载连接，点击后浏览器就能不下载文件。2、当演示的时候，代码编译后放到nginx中。用户可以点击下载链接。nginx存放的都是业务代码。那么如何做到

zhangchao19890805·2018-09-05 14:04

vuejs点击class变化的实例

如下所示：Vue.js小demo.static{width:100px;height:60px;margin:30pxauto;display:inline-block;cursor:pointer;}.class-a{background:lightpink;}.class-b{background:#eee;}varvm=newVue({el:"#content",data:function(

lucky芬·2018-09-05 13:34

Vue作用域插槽slot-scope实例代码

vue中的插槽有三种：单个插槽、具名插槽、作用域插槽，这个在官网上能看到（https://cn.vuejs.org/v2/guide/components.html#单个插槽）作用域插槽简单来说就是父组件只管显示样式

愚坤·2018-09-05 08:37

Vuex源码解析

准备阶段：先去github上把源码下载下来：gitclonehttps://github.com/vuejs/vuex.gitcdvuexnpmi把依赖安装一下，这样就可以运行npmrundev之后在浏览器上打开

blakeFez·2018-09-04 18:31

js 上传图片并对图片处理

上传图片accept对上传的文件做出限制只允许上传图片获取图片文件监听inout值变化事件exportdefault{//vuejs代码name:"edit",data(){return{imgPreview

初识这世间万般留恋·2018-09-04 14:22

vue-cli3.0 配置vue.config.js

//vue.config.js配置说明//官方vue.config.js参考文档https://cli.vuejs.org/zh/config/#css-loaderoptions//这里只列一部分，具体配置参考文档

光就一个字·2018-09-04 10:42

前端开发，部署页面到服务器，并实现页面“热部署”

比如VueJS，在开发VueJS时，我们要把页面放到“服务器”中，以便我们对程序的调试。经常需要自启服务器。这样非常麻烦，不光繁琐，而且降低了开发效率。

LitongZero·2018-09-02 15:26

vue-cli脚手架的安装教程图解

vue-cli脚手架模板是基于node下的npm来完成安装，下面给大家介绍vue-cli脚手架的安装，具体内容如下所述：https://github.com/vuejs/vue-cli官网使用官方推荐的

李小成·2018-09-02 08:50

修改vue+webpack run build的路径方法

vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹，打开该文件夹下的index.js文件，默认如下：//seehttp://vuejs-templates.github.io

若晨工作室·2018-09-01 16:46

vuejs 制作背景淡入淡出切换动画的实例

安装好vuejs之后，在components里添加Background.vue代码如下exportdefault{name:'background',data(){return{imgs:[],isAnimate

水月夜·2018-09-01 14:39

vuejs+elementui 搭建后台管理页面，表单验证封装、分页封装等

如果需要查看vuejs比较完成的同学，请访问：https://www.rickycloud.cn该blog是使用的vuejs+iview+vuex完成，服务器配置较低，可能访问较慢，加载后就好了相关技术

sanguing·2018-09-01 10:11

vue调试工具Devtools不出现的解决方式

已在扩展程序中安装VueDevtools）vue图标：开发者工具：扩展程序：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选：允许访问文件网址https://github.com/vuejs

przlovecsdn·2018-08-31 15:38

VUE复习笔记4（模板语法）

模板语法Vue.js使用了基于HTML的模板语法，允许开发者声明式的将DOM绑定到底层vue实例的数据，所有vuejs的模板都是合法的HTML，所以可以被遵循规范的浏览器和HTML解析器解析。

XKolento·2018-08-31 11:35

vuejs实现ready函数加载完之后执行某个函数的方法

vue.js教程Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。我期望vue中tds全都渲染在界面上之后，再调用一个函数（其实这个函数主要作用是给表格中的选择框加监听，如果tds没有渲染，那监听也加不上去）。日期任务是否执行执行结果影响行数执行时间

huanghanqian·2018-08-31 10:07

vueJs实现DOM加载完之后自动下拉到底部的实例代码

这篇文章给大家介绍vueJs实现DOM加载完成之后自动下拉到底部，文中给大家记录了整个问题的过程，对实现思路感兴趣的朋友大家阅读下本文。

_小刀·2018-08-31 10:49

Vue——html中的基本语法

引入VueJS文件，创建Vue实例newVue({el:'.container',//挂载实例data:{first:'初次使用Vue',arr:['第一个','第二个','第三个'],show:true

YUHUI01·2018-08-30 22:30

前端开发工具vue.js开发实践总结

如果你不知道什么是vue,那么请看这里的介绍http://vuejs.org/。v

liaoyang.777·2018-08-30 18:00

推荐频道

VueJs