Vue2.0 第37页

vue2.0 之 slot 内容分发

前提：父组件模板的内容在父组件作用域内编译；子组件模板的内容在子组件作用域内编译。被分发的内容会在父作用域内编译。一、单个插槽//子组件模板child-component我是子组件的标题只有在没有要分发的内容时才会显示。//父组件模板：//父组件模板中的子组件child-component中的内容渲染到slot插槽中，//若插槽中原有默认内容，会替换掉；//若子组件child-component只

weixin_30539625·2020-07-28 16:28

vue2.0中废弃了events和$dispatch,改用$emit实现监听事件(关于用vue2写某外卖APP项目的教学视频)

goods.vue组件:在methods添加cartAdd函数监听v-on:cart-add="cartAdd"，购物车组件如果提交了'cart-add'事件就调用这个cartAdd函数;对应cartcontrol.vue中methods下的addCart()函数里的:this.$emit('cart-add',event.target);这句话的意思是提交名为'cart-add'的事件给父组件;

一条正在翻身的咸鱼·2020-07-28 15:50

vue2.0的生命周期钩子函数有那几个?

vue2.0的生命周期钩子函数?

我是好人_5063·2020-07-28 13:29

Vue 2.0学习笔记：组件的使用

从这一节开始正式进入对Vue2.0组件的系统学习。在Vue中，组件是最强大的功能之一。而且Vue组件涉及到的知识点也非常的多，比如组件的使用，prop、事件、slots以及动态动组等等。

W3cplus_·2020-07-28 12:33

基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》

前端结合Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)以及后端Node,一个前后端分离的练手项目。本项目可以

大灰狼的小绵羊哥哥·2020-07-28 11:54

使用vue2、vuex、vue-router、axios等重写饿了么点餐系统

我用vue2.0写了一个饿了么点餐系统的Demo，关于vue的一些基本用法都有用到，并且引入了vuex、vue-router、axios、webpack、eslint、better-scroll等，感兴趣可以来看看

大灰狼的小绵羊哥哥·2020-07-28 11:54

Vue2.0之vuex的安装及使用

安装npminstallvuex--save将store对象定义在main.js中importVuexfrom'vuex'Vue.use(Vuex);varstore=newVuex.Store({state:{msg:'123'},mutations:{},actions:{}})在实例化vue对象时加入storenewVue({el:'#app',router,store,components

kksw1121·2020-07-28 09:40

Vue-cli学习（1）

前面学完了Vue2.0的基础部分，今天开始学习稍微复杂一点的进阶部分首先确定安装了npm,可以在cmd里面用npm-v来查看，如果安装了就会出现版本号，然后安装vue-cli,使用命令:cnpminstallvue-cli-g

小章鱼爱吃丸子·2020-07-28 08:30

vue+Element搭建后台管理系统（三）如何在vue中使用 axios

搭建好vue框架，引入了elementUI，下面我们就该请求数据了，之前vue请求数据都是用Vue-resource，但自从vue2.0以后，大部分人在vue项目中请求数据都有axios,并且vue框架的作者尤雨溪大大也建议大家在

锦瑟年华356·2020-07-28 08:03

vue2.0仿饿了么webAPP项目

#webappvue2.x仿饿了么app项目总结项目地址：https://github.com/harrietjia/vue2-webapp.git如果觉得有帮助，希望可以在右上角给我个star支持一下，谢谢！部分截图：##实现功能：```•Goods、Ratings、Seller组件视图均可上下滚动•商品页点击左侧menu，右侧list对应跳转到相应位置•点击list查看商品详情页，父子组件的通

Harriet嘉·2020-07-28 07:37

Vue2.0 中vuex 的简单使用

首先安装vuex插件到项目中cnpminstallvuex--save在项目的src目录下面建一个store的文件夹，并建一个index.js的文件//引入vueximportVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);在index.js申明一个状态值count,并声明两个方法来改变该状态值（vuex的状态值只能通过mutations来改变）co

苏雨丶·2020-07-28 07:01

Vue2.0 生命周期

vue生命周期.pngbeforeCreate：此时，组建实例刚刚被创建el、data等属性尚未挂载在实例上，可以在这加loading事件created：此时，组件实例已经创建完成，data等属性已经绑定，但是DOM尚未生成，$el，el属性尚未挂载beforeMount：此时html已经编译完成，存在于虚拟DOM$el中，但是页面并没有内容mounted：编译好的虚拟DOM$el替换el属性，渲

麓语·2020-07-28 07:08

Vue2.0饿了吗踩坑（一）

在学习Vuejs之前是先学习的Angularjs框架和React框架，都是前端比较火的MVVM框架，但是二者皆有优点，在进行前端开发中是不可或缺的，在去年，一个更火的前端框架Vuejs更是势不可挡，是一个轻量级的MVVM框架，借鉴了Angularjs的指令，和React的组件化，可以说是兼顾两者的优点，在项目过程中慢慢的喜欢上了这个前端框架，所有踩过的坑都是一种享受。刚开始接触前端框架的同学，Vu

三千故事可流水·2020-07-28 06:35

vuex 2.0学习心得（中） mutation&action

Vuex（vue2.0）基础mutation&action（理解）Vuex采用和Redux类似的单向数据流的方式来管理数据。

因-戴克斯·2020-07-28 06:11

【Vue】 vue2.0父子组件传递函数

学习笔记：在vue2.0中，父组件调用子组件时，想要将父组件中的函数体也做传递1.通过props：需要从子组件传参数到父组件时适用//父组件.vueimportokInputfrom'..

彩笔_小qing·2020-07-28 06:00

Vuex实践

随着Vue2.0的release，越来越多的项目开始采用Vue作为他们的前端框架。而作为Vue生态中最重要的一环，Vuex渐渐进入大家的视野。

jessicaiu·2020-07-28 00:17

Vue引入elementUI报错 Unexpected character ‘@’ (1:0)

今天在配置vue2.0引入饿了么的ui时遇到这个问题，原配置教程地址：https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu

ijijni·2020-07-28 00:41

vue2.0之vuex—公用数据使用管理

一、vuex初体验vuex引入npminstallvuex--save在package.json出现vuex，表示安装成功初步使用，构建公用数据存储新建vuex文件夹和store.jsimportVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);//声明一个常量conststate={count:1}//操作变量的方法constmutations={a

晓果博客·2020-07-27 23:04

vue2.0中的组件通信3——兄弟组件之间通信

上一篇我写了子组件通过事件向父组件发送数据，在这里我们就来聊聊同级组件之间数据通信的问题。同级组件之间的通信需要依赖一个vue实例作为中介者，（类似邮差）起到传递信息的作用。我的代码依然沿用上面两篇的目录结构：新建一个event.js文件，在里面新建一个vue实例，这个实例就承担起了组件之间通信的桥梁了，也就是中央事件总线。加入代码event.js：importVuefrom'Vue'constv

wei_bo_ren·2020-07-27 22:54

什么是渐进式框架？React虚拟Dom理解？diff算法？

看了知乎《Vue2.0中，“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么？》看了@徐飞@JimLiu解释，自己有了新的理解：“渐进式——在原有项目中，可以先尝试引入一两个组件，可以

Y_anCy·2020-07-27 18:10

Vue个人经验小结

主要体现为使用vueinitwebpack搭建项目并使用相关工具完善vue2.0推荐使用axios获取数据this.axios.get().then((response)=>{console.log(response

树某人·2020-07-27 17:17

Element-ui使用中遇到的问题总结

element官方文档基于vue2.0的element-ui框架，使用起来还是很方便的，非常适合快速开发，但是在做自己的项目中还是会碰到这样那样的问题，有些问题官方文档并不是很详尽，以下是我在使用element-ui

sugar_coffee·2020-07-27 16:22

饿了么点餐系统

simonzhangiter.github.io/VueDemo_Sell_Eleme/#/goods原项目https://github.com/SimonZhangITer/VueDemo_Sell_Eleme是用Vue2.0

蒝莱茹茈·2020-07-27 12:55

_Vue2.0指令将文本复制或剪切到剪贴板

vue多好文本..Vue剪贴板(vue-clipboard)Vue2.0directivetocopyorcuttexttoclipboard.Vue2.0指令可将文本复制或剪切到剪贴板。Viewdemo查看演示DownloadSource下载源安装(Install)$npminstallvue-clipboards用法(Usage)importVueClipboardsfrom'vue-clip

cuk5239·2020-07-23 01:15

vue从defineproperty到Proxy

前言Vue2.0从ES5的defineproperty到ES6的Proxy，我们来看下它们的区别与各自的有缺点。

张小明_to·2020-07-20 09:43

keep-alive简介 keep-alive如何使用

keep-alive简介1.什么是keep-alivekeep-alive是vue2.0新增的内置组件，可以用来缓存上个页面的数据，在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态

yuan20010401·2020-07-19 20:57

Vue2.0项目工程升级3.0

建议读者先通过通过官网先了解一下链接:VueCLI3.0下面就简单分享一下我的升级过程因为我构建项目都是基于3.0的，所以对于2.0的用户可以先升级一下脚手架工具已经装了2.0的话就需要先卸载npmuninstallvue-cli-g或yarnglobalremovevue-cli安装新版本脚手架npminstall-g@vue/cli或yarnglobaladd@vue/cli然后创建一个新的项

success400·2020-07-16 15:34

Vue3.0 Beta直播里聊到了些什么

2.六大亮点imagePerformance：性能更比Vue2.0强。Treeshakingsupport：可以将无用模块“剪辑”，

liwuwuzhi·2020-07-16 12:22

后台管理系统，前端框架

github.com/PanJiaChen/vue-element-adminDemo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard一个基于vue2.0

qq_39161501·2020-07-16 07:48

vue-cli2.x中的render: h => h(App)解析

（一）遇到的问题代码：newVue({el:'#app',router,//实例化，表示会使用render:h=>h(App)//vue2.0写法//以下是vue1.0的写法//components:{

猿来独往·2020-07-16 06:24

Vue2.0做的项目在IE下面打开一片空白？

解释一：Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想

麦兜_冰夕·2020-07-16 03:23

Vue服务端渲染业务入门实践

换以前，估计只能无奈的换个实现方式，但是Vue2.0时代的到来，给你多了一种可能。你可以对

lijc_boke·2020-07-16 02:22

vue + d3项目

npminstall-gcnpm--registry=https://registry.npm.taobao.org3、创建项目（名称小写）安装依赖4、路由5、resourse和axios（推荐使用）插件resourse：vue2.0

plia·2020-07-16 02:11

vue2.0动态组件及render

{{msg}}这里是Boor直直点击//import$from'@/assets/scripts/lib/zepto.min'//console.log($);//importVuefrom'vue'functionisEmptyObject(e){vart;for(tine)return!1;return!0}functionobjectLength(o){varlen=0;for(varpin

huang100qi·2020-07-16 00:00

Spring boot+Shiro+ spring MVC+swagger UI +Mybatis+mysql+Vue +Element UI 之四 vue 整合Element UI

Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库本项目中用Vue整合ElementUI进行前端开发，相比于bootstrap，另开贴分析。

hanruikai·2020-07-15 23:42

Vue2.0 no-side-effects-in-computed-properties WARNING处理

V2.0学习《高仿饿了么》过程中，对照视频代码编写如下代码：listShow(){if(!this.totalCount){this.fold=true;returnfalse;}letshow=!this.fold;returnshow;}}编译警告信息如下：Unexpectedsideeffectin"listShow"computedproperty个人理解计算属性内不应该对属性值做变更，解

大洋彼岸789·2020-07-15 22:41

总结58 前端设计之基于Vue的ElementUI插件应用

概念ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。

君を見つけて·2020-07-15 21:19

VUE2.0 vue-cli构建项目中使用Less

vue-cli构建的项目默认是不支持less的，需要自己添加。首先，在项目目录下安装less和less-loader。npminstalllessless-loader--save-dev安装成功后，打开build/webpack.base.conf.js，在module.exports=的对象的module.rules后面添加一段：{test:/.less$/,loader:"style-loa

枝枝_zhizhi·2020-07-15 17:28

vue2.0仿今日头条开源项目

vue-toutiao这是用vue.js2.0高仿今日头条的移动端项目，结合了原生app的部分功能以及网页版。前言本人是今日头条的重度用户，在学习vue.js过程中，在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后，开始构思使用Vue写今日头条，一是自己对于头条的喜爱，另外也是对于自己学习成果的检验。技术栈vue.js2.0全家桶（vue、vuex、vue-route

weixin_30248399·2020-07-15 15:14

Vue 2.0在IE11中打开项目页面空白的问题

问题ie浏览器打开vue2.0项目空白,控制台报错vuexrequiresaPromisepolyfillinthisbrowser;原因Babel默认只转换新的JavaScript句法（syntax）

大鼎·2020-07-15 14:38

Vue2.0整合Animate

说明：网上很多导入使用很多都用不了，不知道是因为版本问题还是什么本人测试可以使用的两种方式第一种：安装npminstallvue2-animate-S在main.js中可直接使用import'vue2-animate/dist/vue2-animate.min.css'样式参考如下BouncebouncebounceDownbounceLeftbounceRightbounceUpFadefade

Apple South·2020-07-15 14:19

vue-server-renderer

此软件包提供Vue2.0的Node.js服务器端呈现。安装API渲染器选项为什么使用bundleRenderer?

beichen3997·2020-07-15 14:05

vue2.0 点击其他区域关闭自定义div

其实我觉得这不是一个很大的问题，之前用jquery实现起来也挺简单的，但今天我有点忍不住了，想把vue项目中，自己弹出了一个小区域，点击这个区域以外的地方关闭这个弹出区域。我之前在网上看了，回答还是挺多的，但我挺想骂他们的，但骂他们还得注册登录那些技术网站，实在是不想费劲，我就把他们的回答贴出来几个吧。1、有人做这个回答，暂且评价其为SB1号吧，我想只要用了vue超过1歌星期的都会知道，要调个点击

xingyu_qie·2020-07-15 10:20

vue2.0之Vuex使用实例

目录(?)[-]一项目目录结构二mainjs中的相关配置三storejs文件来自CODE的代码片snippet_file_0txt四在vue页面中使用全局变量和函数之前在几个项目中都用到了Vuex，感觉对于全局状态的管理挺好用的。网上关于Vuex的资料不太多，在这里把项目中Vuex的使用分享下供大家参考。（一）项目目录结构（二）main.js中的相关配置（三）store.js文件123456789

路小二·2020-07-15 10:06

Vue | 21 可复用性&组合-自定义指令

注意在Vue2.0，代码重用和抽象的主要形式是组件-然而，可能某些情况下你可能需要针对原生元素进行一些底层的DOM访问，这就是定制元素仍然有用

wudizhanshen·2020-07-15 09:58

vue2.0 keep-alive最佳实践

1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗有时候可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive

qwerer·2020-07-15 08:06

【vue2.0进阶】轻松理解Vuex的3个核心概念及简单应用案例(计算器)

Vuex是一个提供状态管理机制，相比使用传统的全局对象，它有两大优点，一个是它的状态存储是响应式的，另一个是要不能随意修改Vuex的状态，必须按照它的规矩来办事。最后也了解了它有适用和不适用的业务场景。如何使用Vuex一、创建仓库Store要使用Vuex，我们要创建一个实例store，我们称之为仓库，利用这个仓库store来对我们的状态进行管理。//创建一个storeconststore=newV

Remaininglife·2020-07-15 07:10

vue2.0中this.$parent和this.$refs的使用

大家先回顾一下vue2.0中子父之间互相传值的方式是什么样子的子向父传值：this.

Liingot·2020-07-15 06:51

vue2.0使用history模式，发布之后单独刷新页面出现空白页的解决方案（tomcat）

使用vue2.0构建项目发布上线之后，如果使用默认的hash模式，地址栏上有个#号，看着很丑，看官网文档说使用history模式可以去掉#，但是问题来了，在tomcat上运行页面使，路由地址都是虚拟地址

weixin_34306593·2020-07-15 05:08

vue Bus总线

当然Vue2.0提供了Vuex，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。

weixin_34238642·2020-07-15 05:46

推荐频道

Vue2.0