vue

vue2.X心得

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

Vue常用开源项目汇总

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

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...

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

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

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

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

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函数调用...

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>&...

vue 组件开发 props 验证

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

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

父组件的代码1<template>2<divclass="home">3<imglogo"src="../assets/logo.png">4<!--<HelloWorldmsg="WelcometoYourVue.jsApp"/>-->5父组件的值<i...

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

vue中关于计算属性computed以及其中get、set的理解

在重学vue后,了解到这个计算属性,理解了一点点,但是又无法想到什么时候能用到------------计算属性是基于它们的响应式依赖进行缓存的------------get是基于其他的数据来获取到computed里定义的那个数据set是根据computed里定义的那个数据来改变其他的数据暂时就理解了这些,理解到新的会更...

vue2中使用this的问题

在回调函数中使用this时与微信小程序有一样的问题,在回调函数中使用this有时会不生效,保险起见,在回调函数使用this前,要把this赋给其他参数,如下例: ...
代码星球·2020-03-28

vue2中使用ajax

vue中本身没有ajax功能,需要使用扩展,现在推荐使用的是axios,github地址如下https://github.com/axios/axios下面各个示例<!DOCTYPEhtml><html><head><metacharset="utf-8"><tit...
代码星球·2020-03-28

vue2格式化时间戳

注意:时间戳分为10位和13位的,10位的是秒,13位的是毫秒这里给出的是格式化13位的方法,10位的时间戳可以加上3个0<divid="app">{{time|dataFormat('yyyy-MM-ddhh:mm:ss')}}</div>Vue.filter('dataFormat',fun...
代码星球·2020-03-28