VUE项目开发第9页

深入浅出的webpack4构建工具--webpack4+vue+route+vuex项目构建(十七)

在vue项目开发过程中，经常会使用组件来进行项目开发，那么在组件中会调用另一个组件来作为自己的子组件，那么我们如何进行给子组件进行传值呢？或者说，子组件如何给父组件传值呢？父子组件数据是如何通信的呢？

龙恩0707·2018-10-09 21:00

脚手架vue-cli工程webpack的作用和特点

Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么webpack是一个模块打包的工具，它的作用是把互相依赖的模块处理成静态资源

敲代码的小老头·2018-09-29 08:43

webpack搭建vue项目开发环境【文档向学习】

为何有这篇文章各个社区已经有无数篇帖子介绍如何使用webpack搭建前端项目，但无论是出于学习webpack的目的还是为了解决工作实际需要都面临着一个现实问题，那就是版本更新。别人的帖子可能刚写好版本就更新了，又要对着帖子找文档。但这个过程十分重要，因为你想要的一切早已都在文档中给出了说明，在查阅文档的过程中不但能学会正确的使用工具更增强了阅读文档这种姿势正确的学习能力。本文就是记录一次不断遭遇版

Vict911·2018-09-23 00:00

js如何实现数组数据的上移下移

Vue项目开发中碰到对表格数据实现上移，下移的需求，只是纯前端实现移动数组数据，不跟服务端做交互。

鹰子·2018-09-14 18:41

vue项目开发中setTimeout等定时器的管理问题

一、问题来源。在项目中，我们经常有这样的需求，一个页面初始化后，需要不断的去请求后端，来获取当前某个记录的最新状态。显然，这个可以用setTimeout以及回调中继续setTimeout来实现。我们假设定时器是在页面#/test/aaa上创建的。但是，会遇到以下两个问题，我从#/test/aaa这个页面切换到#/test/bbb页面后如果停留在#/test/bbb，定时器还在跑。其次，如果我不断在

hustxiaoxian·2018-09-13 14:38

Vue项目开发数组更新视图不更新

Vue项目开发数组更新视图不更新业务场景：Vue项目开发数组更换视图不更新在methods里面的方法调用vm.items[indexOfItem]=新的值;并不会刷新视图如上图，点击button触发change

至署则休·2018-08-25 16:06

vue项目开发流程

1.在app.vue中进行组件拆分,编写模板我是头部我是tab我是content2.新建一个vue组件，比如header.vue，头部组件。（其实就是把组件替换成app.vue中的模板）1.先在header.vue中导出exportdefault{};2.然后在app.vue中importheaderfrom'./components/header/header.vue'导入，同时使用（注册组件）

淮枳·2018-08-10 01:10

vue项目开发过程常见问题

更新时间：2018-07-291.datafunctionsshouldreturnanobject//这个问题是Vue实例内,单组件的data必须返回一个对象;如下exportdefault{data(){return{}}}//为什么要return一个数据对象呢?官方解释如下:data必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果data仍然是一个纯粹的对象，则所有

zer0_li·2018-07-29 00:00

vue项目开发实录--仿去哪儿网App-张鹏-专题视频课程

vue项目开发实录--仿去哪儿网App—160人已学习课程介绍本课程为vue项目开发实录（仿去哪儿网App）其中涉及到知识点有：组件搭建，路由，vuex，axios，webpack系统文件修改以及配置，

易驰教育·2018-07-27 15:32

VUE项目开发实践——引入二维码和条形码功能

//生成课程二维码功能npminstall--saveqrcode//导入第三方插件二维码位置importQRCodefrom'qrcodejs2'qrcode:function(){//letvideoNameUrl="http://xxx.xxx.net/VideoCourse.html?name="+VideoNameqrcode=newQRCode('qrcode',{width:100,

Y_anCy·2018-07-10 14:05

export用法介绍

在vue项目开发中必不可少的export用法按名称导出，使用时，导入的变量名必须和导出的名称一致定义：exportfunctionnameExport(x,y){returnx*y}引用：import{

Nick_YangXiaoTong·2018-06-15 15:57

Vue项目开发的总结(一)

最近一段时间因公司业务需求，需要写一个web项目嵌入到别人的平台内，便选择目前前端较火的Vue框架；因为自己对这方面也不是很熟，总结的若有错误还请留言指出。下面是我遇到的一些问题（不仅仅是Vue还有js等的问题）：1：vue如何监听select的change事件？2：两级联动选择下拉框3：axios的应用4：跨域问题的解决：nginx反向代理5：css伪类6：vue开发环境跨域问题解决，生产环境跨

Waullen·2018-06-07 13:47

vue2.0 二维码生成器

vue项目开发的时候经常会遇到需要将一个网址链接转化为二维码的需求，方便用户扫描观看，以下就是我在寻找vue二维码生成器的时候踩过的坑（本人小白，不喜勿喷）不能用的二维码生成器qrcodenode-qrcodevue-qrcodeqrcodejs2

卷毛12138·2018-04-27 11:59

webpack vue项目开发环境局域网访问方法

思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080步骤：1.查看自己在局域网内的ip命令行ipconfig2.回到自己的开发目录，在根目录找到comfig/index.js修改host:自己的局域网ip修改port:自定义端口-最好不要用80或者其他常用端口示例：comfig/index.jshost:'http://192.168.2.153',//一定要加上httpport:

museions·2018-03-20 09:49

Vue 仿QQ左滑删除组件功能

前几天在做Vue项目开发的时候，因为之前别人写的代码有点小bug，有人反应IOS上面的滑动点击有点问题，于是让我来帮忙解决，我看了看以前的代码实现比较繁琐，冗余，索性就直接自己重新写了一套，供大家参考，

Chris威·2018-03-12 08:04

Vue项目中设置背景图片方法

在Vue项目开发中我们经常要向页面中添加背景图片，可是当我们在样式中添加了背景图片后，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，如下CSS样式：background:

涟动下渔舟·2018-02-21 21:44

webpack vue项目开发环境局域网访问

思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080步骤：1.查看自己在局域网内的ip命令行ipconfig2.回到自己的开发目录，在根目录找到comfig/index.js修改host:自己的局域网ip修改port:自定义端口-最好不要用80或者其他常用端口示例:comfig/index.jshost:'http://192.168.2.153',//一定要加上httpport:

Museions·2018-01-27 16:34

node vue项目开发之前后端分离实战记录

nodevue项目开发最近看了近一周的vue开发，有诸多感触，我之前接触过react、angular所以特别想学学久仰大名的vue。

谭悦·2017-12-13 14:24

Vue项目开发前要做的那些事（1）xhr封装

最近接了一个Vue的外包项目60张手机端的页面，15天3000块完成。天天码代码码到天亮，整个人像吸毒一样。客户的需求是Vue+vuex+axios+vue-router。这是客户提供的restFulAPI（第一次用这类API）图1-1这是客户提供的设计稿图1-2第一步肯定是构建项目我个人比较喜欢用webpack这个模板的vueinitwebpack项目名称这样构建项目的优点是项目的基本依赖都给你

7b5b7a9dc951·2017-12-09 00:42

VUE项目开发实践——Element ui 和Mint ui表单验证*必填

//js控制不了时就写在行内控制//教师验证newClassFormRules:{UserId:[{required:true,message:'请输入教师姓名',trigger:'change'}]}//更新：发现之前是错误的，没研究透彻：type:Number/String/Array/Function/Booleans,trigger:'blur,change';popForm:{Citys

Y_anCy·2017-12-08 16:16

VUE项目开发中使用mixins

一、mixins(混入)的认识请参考官方文档二、mixins的使用个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改1、在assets文件夹下创建一个js文件//创建一个需要混入的对象exportconstmixinTest1={created(){this.hello();},methods:{hello(){console.log('mixi

水痕01·2017-10-07 13:28

vue项目开发(一) 利用vue-cli+webpack构建一个vue项目

到现在已经用Vue写了几个项目了，对Vue也算是比较熟悉了，对于Vue基本语法这里不做过多的介绍，具体语法可通过官网进行学习，现在主要来分享一下自己是如何利用Vue开发一个项目的。要进行Vue开发，我们首先要搭建起一个Vue项目的框架，在这里我用到的是Vue-cli+Webpack的方式进行的项目框架的搭建，主要分为以下几个步骤。(1)全局安装Vue脚手架Vue-cli.命令：npminstall

小鬼web·2017-07-20 15:46

推荐频道

VUE项目开发