Vue主题的文章列表，还有Vue的技术要点_第132页

vue中的$on,$emit,$once,$off源码实现

这几种模式是基于订阅观察者模式的，维护一个事件中心，on的时候将事件按名称存在事件中心里，称之为订阅者，然后emit将对应的事件进行发布，去执行事件中心里的对应的监听器。第一步就是创建一个构造构造，维护一个事件中心eventsfunctionEventEmiter(){this.events={}}$on//event...

代码星球 ·2020-04-01

vue登录插件引来的后续问题

上次介绍了下写的登录弹框插件，过了几天发现点击去注册或者改密码的跳转失效。报错this.$router.pushisnotafunction,继续打印this.$router也是undefined（可以先看一下上一篇博客提到的弹框登录插件）this.$router.push({path:'/register'})尝试了...

代码星球 ·2020-04-01

vue项目中的函数封装

项目中一般都会有fun.js这类的文件，里面有各种的如转换时间格式的，处理转换的等等函数方法。其实经常用到的去获取基本数据的接口也可以封装成一个方法，方便复用。如上面所标，获取列表数据之前需要先获取维护的规格选项以及对应的选项值的id集合来进行转换。而且用到这一块的地方还有很多，如商品列表，我的商品等等。关于异步的话，...

代码星球 ·2020-04-01

vue中登录模块的插件封装

一个电商城的项目，场景是：在未登录的情况下点击收藏或者加入购物车等操作，执行一个方法如this.$login()来动态插入登录组件。第一步：写好关于这个登录弹窗的单文件组件loginBox.vue第二部：编写loginBox.js文件，输出一个函数方法，如下图关于$mount()需要注意第三步：在Vue的p...

代码星球 ·2020-04-01

vue2.X心得

VUEJS学习网址：https://cn.vuejs.org/此文章是用来记录自己的学习和实践心得。关注点：父子组件之间的通信看图说话：PassProps子组件本身与父组件是孤立的，通过子组件中显示声明的props属性，接收父组件数据;父组件的数据更新时，子组件的prop会跟着更新；此数据流动是单向的（看着）;Emit...

代码星球 ·2020-04-01

Vue常用开源项目汇总

Vue常用开源项目汇总前言：Vue(读音/vjuː/，类似于 view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全...

代码星球 ·2020-03-29

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin

场景：.webpack2.4.*集成vue-loader@15.7.2报错原因：参考官方文档https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-requiredVue-loader在15.*之后的版本都是vue-loader的使用都是需要伴生VueLo...

代码星球 ·2020-03-29

vue的计算属性与方法的不同

vue的模板里可以使用表达式，但是它的设计初衷是用于简单计算，在模板中放入太多逻辑会让模板过重且难以维护。例如：<divid="example">{{message.split('').reverse().join('')}}</div>这里很难一眼看出是要显示什么，而且要多次使用的话也很麻烦，...

代码星球 ·2020-03-29

vue 中使用 watch 出现了如下的报错

vue中使用watch出现了如下的报错报错:Method"watch"hastype"object"inthecomponentdefinition.DidyoureferencethefunctionMethod"watch"hastype"object"inthecomponentdefinition.Didyou...

代码星球 ·2020-03-29

vue中methods函数调用methods函数写法

1exportdefault{2data(){3return{4hello:"你好"5}6},7methods:{8open(that){9that.hello="helloworld!"10},11close(){12this.$options.methods.open(this)13}14}15}close函数调用...

代码星球 ·2020-03-29

Vue内敛模板

在学习《Vue实战》一书时，学习到组件高级应用-内联模板这一小节时，照着书上的例子敲了一遍，发现未达到预期，切报错。书上源代码如下：1<!DOCTYPEhtml>2<html>3<head>4<metacharset=”utf-8”>5<ti...

代码星球 ·2020-03-29

vue自定义组件添加原生事件监听

　　注：全局或局部注册的组件称为子组件，其中声明的组件名称（如下demo中的child）是一个自定义组件Demo1-直接给父组件添加事件监听1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>&...

代码星球 ·2020-03-29

vue 组件开发 props 验证

在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>VueStudy</title>6<...

代码星球 ·2020-03-29

Vue中子组件数据跟着父组件改变和父组件数据跟着子组件改变的方法

父组件的代码1<template>2<divclass="home">3<imglogo"src="../assets/logo.png">45父组件的值<i...

代码星球 ·2020-03-29

vue之使用cookie

vue资源库中有个插件很好用vue-cookiesgithub地址：https://github.com/cmp-cc/vue-cookies使用起来也很方便，将vue-cookies.js引入$cookies.config()设置默认值this.$cookies.config(expireTimes,path)exp...

代码星球 ·2020-03-28