Vue
文章平均质量分 81
古兮!怪哉
这个作者很懒,什么都没留下…
展开
-
Vue的几个开发技巧
1、在父组件中绑定子组件的生命周期我们一般的写法是子组件:export default { mounted() { this.$emit('listenMounted') }}父组件<template> <div> <List @listenMounted="listenMounted"...原创 2020-04-06 16:50:23 · 347 阅读 · 0 评论 -
Vue.js学习(二):computed响应数据变化与其他几种方法的比较
vue重methods、computed、watch以及v-model都能侦听数据,并相应数据的变化1)methods:每次获取都会重新计算求值 First Name: Last Name: methods: {{name}} let vm=new Vue({ el原创 2018-01-04 21:44:39 · 5139 阅读 · 0 评论 -
Vue.js学习(三):mixins混合对象的使用
我对mixins的理解是,有点像注册了一个vue的公共方法,可以绑定在多个组件或者多个Vue对象实例中使用。另一点,类似于在原型对象中注册方法,实例对象即组件或者Vue实例对象中,仍然可以定义相同函数名的方法进行覆盖,有点像子类和父类的感觉。下面主要参考网上的一些资料,对mixins的实际作用做介绍:1、方法的复用<div id="app"> <child><...原创 2018-01-10 21:59:31 · 3702 阅读 · 0 评论 -
Vue.js学习(四):父子组件中的生命周期与钩子函数的调用顺序
借用下面这张图先简单了解Vue的整个生命周期 increase {{msg}} destroy一、创建与挂载(created and mounted)当一个父组件中加载一个子组件,且父组件和子组件中同时调用mixin函数时,整个生命周期的顺序为:1、创建父组件beforeCreate:父组件中的mixins--父组件原创 2018-01-11 11:34:47 · 11285 阅读 · 0 评论 -
Vue.js学习(一):用render函数渲染组件
这里通过一个完整的例子对render函数的用法和注意事项进行说明:HTML: 我的自定义p标签中的内容asdsa Css:.c{ background: red; }JavaScript:Vue.component('demo',{ render: function (creat原创 2018-01-04 16:21:11 · 14770 阅读 · 0 评论 -
Vue.js学习(五):vue+axios+php+mysql 实现前端界面数据动态更新
网上参考了很多例子,都没有关于vue+php实现前后端的例子,后来自己总结了一个,希望大家批评指正。vue实现动态数据的方式主要有vue-resource和axios,但是从Vue2.0开始,已经不对vue-resource进行更新,因此,本文主要利用axios进行操作。1、安装axiosnpm install axios --save2、在Vue-cli的componen原创 2018-01-13 22:24:35 · 12629 阅读 · 2 评论 -
利用Tween实现轮播动画
简介:之前在两个项目的开发过程中都遇到轮播动画,因此,今天结合自己的开发经验进行一定的分享,下面是自己用vue做的一个简单的demo。这个例子的实现主要用的是TweenMax插件+scrollTop实现的。下面的Gif是实现的效果。html:css:为了让轮播效果更加自然,隐藏了滚动条。此外,这里安利一个css属性object-fit,主要用于img标签中图片的定位。本文在...原创 2019-08-08 10:08:13 · 808 阅读 · 1 评论