Vue2.0 第40页

Vue项目学习第一篇

请百度…),因为只是测试,一路回车安装webpack:npminstall–save-devwebpack安装vue2.0:npminstall–savevue安装b

奈何桥边卖辣条·2020-07-09 22:49

vue过滤器filter的使用

在vue2.0之前，是有内置过滤器的，在2.0中已经没有内置的过滤器了，但我们可以自定义过滤器。

不言不语技术·2020-07-09 16:00

Vue2.0 进阶组件篇 5 解析 vux（无逢 marquee 组件）

作者：混元霹雳手-ziksang我这里就不帖图了，marquee就是轮播广告或公告。。。。。给vux打打广告吧，我感觉功能最强大的还是vuxui库,我带大家看看这玩意如何实现的，你别看学别人写组件，还能学到一些你平常用不到的弱知识点，双击，666666，没毛病。在这里打个广告，如果有谁私底下有兴趣的，想和我一起打造一套基础vue的ui组件库的话，请联系我！！！！！！接下来还是按着我们约定的来2.代

weixin_34037977·2020-07-09 09:04

写给 vue2.0 开发者的 vue3.0 教程

Vue3还没有正式发布，但是维护者已经发布了beta版本，以供我们的用户尝试并提供反馈如果您想知道Vue3的主要特性和主要变化，我将在本文中通过使用Vue3beta9创建一个简单的应用程序来强调它们我将介绍尽可能多的新内容，包括片段、传送、复合API和其他一些模糊的更改。我也会尽我所能来解释这个特性或变更的基本原理如何构建我们将构建一个带有模态窗口功能的简单应用程序。我选择这个是因为它方便地允许我

志学Python·2020-07-09 07:46

构建一个基于Vue完整的商城后台管理系统（附带完整代码及项目初始化）

项目简介：该后台管理系统是基于Vue2.0来实现的。其中包含了登录，用户管理，商品管理，管理员权限管理，数据统计，订单管理，物流管理，代金券系统，支付方式配置页面风格管理等模块。

zero________________·2020-07-09 04:39

vue轮播图插件vue-awesome-swiper的使用

最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：

xiaogezl·2020-07-09 01:01

2.封装axios、本地存储，安装vuex、element

Vuex是一个专为Vue.js应用程序开发的状态管理模式Element一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库html5Web存储当用户登录后，前端需要存一些必要信息，比如用户名

RtyXmd·2020-07-09 01:46

分享几个Vue案例供大家一起学习

Vue2.0-ShoppingCart-MOOC)2、用了Vue-router，axios完成后算是初中级水平(https://github.com/SD-Gaming/Vue2.0_CNode.bbs)3、Vue2.0

WebViewSuper·2020-07-08 23:07

x5内核浏览器华为手机,一加手机不支持vue2.0以上版本和es6语法

vue完整项目使用适用于webpack构建工作创建的项目1.webpack构建工具加载babel–polyfill垫片npminstall--save-devbabel-polyfill引用方式1.require("babel-polyfill");2.import"babel-polyfill";3.module.exports={entry:["babel-polyfill","./app/j

頨灧襷瀔·2020-07-08 23:42

vue页面跳转方法

vue2.0在使用的过程中，.vue文件之间的跳转，需要在router里面配置path，通过路径跳转，html文件跳转如下：跳转但是有时的需求是页面不直接跳转，有确认弹框或者其他事件，此时就需要在js中设置跳转

__浩·2020-07-08 22:33

复习Vue2.0（1）之插值操作

Vue3.0已经推出，但是2.0依旧是稳定强大的生态系统。v-once当我们只是调用一次data里的值时，我们不希望它随着值的改变而改变，因此，可以使用v-once，例如，{{mess}}{{mess}}constapp=newVue({el:"#app",data:{mess:"你好"}})此时，当mess发生改变后，v-once的标签不会发生改变。这也是满足你业务功能需求，若需要这种改变，可以

LeeTikPaak19·2020-07-08 21:33

初学者练手的vue小项目

1:Vue2.0入门项目https://github.com/SD-Gaming/Vue2.0_to_do_list-addName-2:慕课网Vue2.0购物车教程(注释版)https://github.com

家中小白兔·2020-07-08 21:19

vue 获取动态元素高度--采坑

在vue2.0里，如何获取dom元素的样式（样式是动态变化的）nextTick试过，querySelector试过但就是this.$refs有内容，this.

weixin_42508745·2020-07-08 20:02

Object.defineProperty实现数据双向绑定

1前言作为一名前端开发人员，我们或许都听说过Vue2.0中实现双向数据绑定采用了Object.defineProperty，我相信有很多小伙伴们和我一样有疑问，这个神奇的东西是怎么做到的呢？

Beyond_630·2020-07-08 20:11

vue学习笔记之什么是渐进式框架

何谓渐进式框架我上网查了一些资料，我认为有一篇文章讲的特别好，可以点击下面的链接：Vue2.0中

Beyond_630·2020-07-08 20:39

关于VUE中v-for循环的dom使用ref获取不到问题

背景：初学vue做练习项目的时候，基于vue2.0版本使用refs属性获取v-for循环的dom时出现获取不到dom的情况，尝试采用原生的方法出现同样的情况。

weixin_34217773·2020-07-08 17:45

vue从入门到进阶：自定义指令directive，插件的封装以及混合mixins（七）

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。

weixin_34115824·2020-07-08 16:51

vue2.0 自定义下拉刷新和上拉加载更多（Scroller）组件

weixin_34018169·2020-07-08 16:28

vue2.0 自定义饼状图（Echarts）组件

1.自定义图表组件Echarts.vueexportdefault{props:{//样式echartStyle:{type:Object,default(){return{}}},//标题文本titleText:{type:String,default:''},//提示框键名tooltipFormatter:{type:String,default:''},//扇形区域名称opinion:{ty

weixin_34014277·2020-07-08 16:24

Vue2.0配置mint-ui踩过的那些坑

最近开发项目的时候逐渐采用vue.js+mint-ui的技术栈，但是昨天开始配置开发环境的时候，遇到了各种报错，即使是按照两家的官方文档配置，也还是会报错，晚上下班后回去配置了一晚上，才终于把它配置好，所以就记录下来，以防后面再次踩坑。。vue.js介绍Vue.js是一个用于创建web交互界面的。其特点是简洁HTML模板+JSON数据，再创建一个Vue实例，就这么简单。数据驱动自动追踪依赖的模板表

weixin_33725126·2020-07-08 15:38

关于x5内核浏览器使用vue兼容性问题

x5内核浏览器华为手机,一加手机不支持vue2.0以上版本和es6语法vue完整项目使用适用于webpack构建工作创建的项目webpack构建工具加载babel--polyfill垫片npminstall

weixin_33709609·2020-07-08 15:48

Vue2.0框架搭建基础操作及目录说明

一、概述vue.js是一套构建用户界面的渐进式框架。vue采用自底向上增量开发的设计。vue的核心库只关心视图层，非常容易学习，非常容易与其它库和已有项目整合。vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。二、vue开发环境框架搭建1.安装node.js(http://www.runoob

weixin_30938149·2020-07-08 15:04

vue2.0中点击其他区域关闭弹窗

闲言碎语不用讲，直接上代码1、vue模块中的内容打开弹窗下载需求是点击除了下载按钮外的其他地方，关闭弹窗。2、定义变量data(){return{msgShow:false}}3、方法methods:{msg:function(){this.msgShow=true;},closeMsg:function(event){varbtn=document.querySelector(".app-dow

巷中人·2020-07-08 13:01

Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值

在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍Vue开发中常用的三种传值

gurlan·2020-07-08 13:53

VUE

/zh-cn项目地址：https://github.com/ai-word支持vue:vue2.0版本2.museUI组件地址：https://muse-ui.org/#/zh-CN项目地址：https

庙中和尚·2020-07-08 12:20

Vue2.0配置postcss-px2rem

1、安装node（自带npm包管理工具）2、安装vue2.x脚手架：npminstallvue-cli-g，控制台输入vuelist查看是否安装成功3、创建项目：vueinitwebpackmy-project4、安装postcss-px2rem：npminstallpostcss-px2rem5、配置：找到文件build/vue-loader.config.js，添加如下：constpx2rem

小理有趣·2020-07-08 11:24

vue2.0移动端图片视频video 混合九宫格预览组件遇到的问题

vue项目获取网络视频/图片九宫格列表展示预览组件今天有点时间，总结下前段时间在vue项目中做的移动端视频/图片上传查看组件遇到的一些问（大）题（坑），组件全部实现过程就不讲了，主要说其中遇到的问题以及解决方法，有不足之处请大神们拍砖指教问题1：将获取尺寸不一的图片/视频在方格内展示由于无法确定图片的尺寸大小，就决定使用js来控制样式（不拉伸图片，截取方格展示）解决思路：将图片相对于父盒子上下左右

Marguerite_jj·2020-07-08 08:52

Vue keep-alive

vue在路由切换时，我们有时候不希望重新渲染界面，这时候就需要使用keep-alive，来将组件缓存vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗注意：

柏灿·2020-07-08 04:03

vue2.0 导出Excel表格数据

自己在网上找了很多的都没有走通，进行了大量的尝试，一般报的错误为saveAsisdefined。偶然一次情况下好了，但是在和同事交流时又出了问题，最终发现为依赖的版本号问题,对部分地方做了一些修改。1.安装三个依赖包[email protected]@[email protected]

reactL·2020-07-08 03:20

Vue2.0组件实现动态搜索引擎（二）

接上一篇，完成logo部分我们就要开始整个项目的核心——panel组件。整个panel组件分为3个部分：关键字输入框，相关搜索建议下拉列表和搜索跳转按钮。由于我们整个项目是设计成父子组件的架构所以在父组件即panel部分开头需要引入子组件：HTML:JS：importlogoSelectfrom'./logo-new.vue';exportdefault{components:{logoSelec

qwezxc24680·2020-07-08 03:47

vue2.0父子组件以及非父子组件通信

一、父子组件通信1、父组件传递数据给子组件，使用props属性来实现传递普通字符串父组件：子组件：结果：hello！动态：父组件数据如何传递给子组件父组件：子组件：通过props属性接收数据props属性验证有以下形式：2、子组件与父组件通信vue是单向数据传递的，如果子组件直接改变父组件传过来的数据是不允许的。但是可以通过触发事件通知父组件改变数据，实现改变子组件的目的。子组件：父组件：二、非父

你是光_5e6d·2020-07-08 03:01

Vue2.0组件实现动态搜索引擎

高级搜索作者搜索=4">{{typeselect.text}}{{typeselect.text}}{{typeselect.text}}{{accuracy.text}}{{containlist.text}}文献分类目录核工业航天工业航空工业船舶工业兵器工业军工电子国防综合其他{{startlist.text}}——{{endlist.text}}检索//import$from'jquery'

qq_43608291·2020-07-08 03:20

如何在vue2.0中使用sass

飞奔的阿加西.jpg背景成功安装了sass！现在想把自己vue里面的css替换成scss!你问我为什么！因为为了熟悉scss!后面再用vue等前端框架我就直接用scss!解决1.先换成淘宝镜像再安装npminstall-gcnpm--registry=https://registry.npm.taobao.org（安装淘宝镜像）用淘宝镜像快！而且安装的时候减少出错！cnpminstallnode-

飞奔的阿加西·2020-07-08 02:03

2018任务安排

完成自己的个人网站数据库设计接口服务前端界面显示与调整后台管理系统《vue2.0官网教程》大致过一遍.net加深学习，为了有所验证，暂定五本书，《.net之美》张子阳版，10%《CLRviaC#》，10%

张中华·2020-07-08 01:52

Vue全局拦截

个人开发项目遇到了需要做全局状态拦截，分享一下解决方案拦截器首先我们要明白设置拦截器的目的是什么,当我们需要统一处理http请求和响应时我们通过设置拦截器处理方便很多vue2.0之后，就不再对vue-resource

素味平生·2020-07-08 01:33

Vue2.0之EventBus父子组件通信（传参）

本文主要介绍Vue2.0之EventBus父子组件通信（传参），有别于之前的父子组件的传参都有着异曲同工之妙。一、初始化首先你需要做的是创建事件总线并将其导出，以便其它模块可以使用或者监听它。

吴维炜·2020-07-07 23:02

【Vuejs】605- Vue3中 router 带来了哪些变化？

本文基于的源码版本是vue-next-routeralpha.10，为了与Vue2.0中的VueRouter区分，下文将vue-routerv3.1.6称为vue2-router。本文

pingan8787·2020-07-07 23:00

vue2.0过滤器filter全局和局部及传参

首先说全局，至少传一个本身的值。{{message|demo}}//全局//这里至少传一个本身的值Vue.filter('demo',function(val){returnval+'vue!';})newVue({data:{message:'hello'}}).$mount('#app');接下来是全局传多个参数{{message|demo('canshu1','canshu2')}}//全局

骚年008·2020-07-07 22:34

vue2.0 +Webpack 一个简单的todolist实例

用的vue-cli,这里就不写过程了，直接上代码吧！同样自己用webpack自己搭一个项目实例！github地址：https://github.com/sky-xsk/vue2.0-start-vue2.0写的项目：https://github.com/sky-xsk/elem如果有帮助，请给个star；首先是htmltodolist添加{{`${index+1}.`}}{{item.value}

殖民_FE·2020-07-07 21:39

vue2.0父子组件以及非父子组件通信传参详解

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：//这里必须要用-代替驼峰data(){return{msg:[1,2,3]};}子组件通过props来接收数据:方式1：props:['childMsg']方式2:props:{childMsg:Array//这样可以指定传入的类型，如果类型不对，会警告}方式3：props:{childMsg:{type

乖乖果效36·2020-07-07 20:08

Vue全局组件与局部组件的区别

-",data:"数据：18892087118"}}};2、组件注册Vue.component('father',FATHER);3、组件挂载全局组件14、组件实例vue2.0---局部组件与全局组件vue2.0

兵腾傲宇·2020-07-07 20:32

Vue 2.0 vue-router 路由重定向传递参数

在开发Vue2.0项目中，有一个需求是通过链接里面的页面参数跳转到固定的页面A，然后把其余的参数当做参数传到页面A，A处理逻辑找了好久都没有解决，然后过了几天，换了种思路，就发现了其实在官网上其实已经说明了

qinyuHTML·2020-07-07 19:16

vue项目中如何使用keep-alive缓存组件

一、开启keep-alive在这里keep-alive配合了router-view使用，keep-alive本身是vue2.0的功能，并不是vue-router的，所以在vue1.0版本是不支持的。

m0_37799877·2020-07-07 16:57

vue的生命周期

Vue官网VueGitHubVue1下载地址Vue1.0在线文档Vue2下载地址Vue2.0在线文档vue的生命周期函数.png1.vue1.0的生命周期Document{{name}}varvm=newVue

瑟闻风倾·2020-07-07 14:43

vue2.0,自己开发一个全局定义的公用组件（插件）

今天，在群里看到有朋友问这样一个问题：“我在项目里，怎么能做一个全局调用的组件，不用每一次都import，注册组件？”看到这个问题，我思考了一下，讲一下我的思路！这个问题里，所说的组件，在我看来也可以叫做“插件”，为什么这么说呢？因为这个和vue-resource之类的插件开发的思路是一样的？只是一个放到的是本地，一个是通过“npminstallvue-resource”下载下来的？换一个思路，如

殖民_FE·2020-07-07 14:10

Vue 自定义指令

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子。当页面加载时，该元素将获得焦点。

lamp_yang_3533·2020-07-07 12:22

vue2.0实现购物车和地址选配功能

购物车案例功能：创建一个Vue实例v-for渲染产品数据Filter对金额和图片进行格式化v-on实现产品金额的动态计算功能比较简单，但是涉及到平时项目中常见的业务逻辑。可谓麻雀虽小，五脏俱全。数据渲染vue-resource插件来获取后端数据（推荐使用vue-axios，官网说vue-resource已不再维护），这里用的是本地的json数据来模拟。引入vue.js，vue-resource.j

从小就很瘦·2020-07-07 10:45

小程序采坑记 mpvue + Vant Weapp

mpvue是美团开源的微信小程序框架，由于无限接近vue开发而受到大量关注；VantWeappUI库是轻量、可靠的小程序UI组件库，是有赞团队开源的一套基于Vue2.0的Mobile组件库；一、总结一些遇到的问题

halo1416·2020-07-07 09:46

Vue2.0的环境搭建

最近公司web项目要使用Vue框架重构，对Vue不是很了解的可以戳这里查看。在此记录下环境的搭建，以后换电脑了可以方便配置~官方文档展示了安装使用Vue框架的三种方式方式一：直接引入方式二：NPM方式三：命令行工具(CLI)今天主要说一下方法三：命令行工具(CLI)的使用环境搭建，比较推崇，更倾向于我们实际的开发。第一步：安装Node.js点这里下载,对应自己电脑系统下载相应版本，下载成功之后按照

_Joeyoung_·2020-07-07 08:02

vue2.0 使用echarts和百度地图创建统计描点地图

在根目录index.html引入百度ak安装echarts依赖包npmiecharts在项目引入importechartsfrom'echarts'import'echarts/extension/bmap/bmap'添加地图容器js//初始化letmyChart=echarts.init(document.getElementById('map'));//地图配置(option配置自行查看官方文

唯风·2020-07-07 08:48

推荐频道

Vue2.0