这些钩子可以在transition属性中声明就可以了，具体有哪些钩子呢？ before-enter 在即将显示的时候触发，并且会接收一个el的参数，el参数为transition属...
JavaScript
JavaScript
JavaScript
Vue动态组件与v-once指令
有的时候，在不同组件之间进行动态切换是非常有用的，比如在一个多标签的界面里，点击组件A显示组件A的内容，点击组件B显示组件B的内容，要怎么来做呢？ 动态组件 先看一下基础的写法： ...
JavaScript
vue使用npm run build命令打包项目
当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个...
JavaScript
Vue之组件间的传值
上一篇文章中的实例用到了子组件向父组件传值的方法，这篇文章通过todolist的实例来说一下子组件向父组件传值和父组件向子组件传值的方法，以及最终实现点击todolist添加的内容...
JavaScript
Vue中计算属性的setter和getter
通过前面的文章：初识Vue中计算属性，方法以及侦听器 我们可以发现计算属性的强大，本篇文章带我们一起来深入了解一下计算属性的setter和getter，我们先来看一个基础的vue...
JavaScript
Vue中的样式绑定
在开发的过程中我们需要对一些dom元素添加一些样式，那么在vue中我们要如何给dom绑定样式呢？我们先通过一个实例来了解一下，本文通过三种方法来实现： 效果图： class的对象绑...
JavaScript
Vue中的条件渲染
vue中的条件渲染是怎么用的？都有哪些指令呢？在vue中条件渲染都有哪些机制，以及可以达到同样需求的语法有哪些区别呢？ v-if 与v-show <div id="app"&...
JavaScript
Vue中的动画封装
如果我们想多次使用某个动画效果，我们可以给它做一个封装，以达到复用的效果。 首先 我们把效果写在子组件的模板里： Vue.component('child',{ t...
JavaScript
Vue中的列表过渡
目前为止，关于过渡我们已经讲到： 单个节点 同一时间渲染多个节点中的一个 那么怎么同时渲染整个列表，比如使用 v-for ？在这种场景中，使用 <transition-gro...
JavaScript
Vue中的列表渲染
本来计划是不中断的持续输出内容，这样有一个好处，就是自己有在思考，专注的去干一件事情，久而久之会养成一种习惯，形成一种正反馈。 sigh，计划赶不上变化，期间过年走亲戚+学车耽搁了...
JavaScript
Vue中的set方法
在修改数组或对象的值时，除了上篇文章《Vue中的列表渲染》讲到的方法其实还有一种，那就是vue提供给我们的set方法，通过set方法我们可以实现数据发生变化页面随之改变的效果。 对...
JavaScript
Vue中父子组件传值
父组件向子组件传递数据可以通过props接收然后去处理，子组件向父组件传递数据可以通过$emit事件触发的形式传递。 父组件向子组件传递数据 <div id="root"&g...
JavaScript
Vue中多个元素或组件的过渡
之前写过是一个元素的出场/离场过渡，那么如果是多个元素的过渡以及多个组件的过渡效果要怎么来写呢？ 多个元素过渡 我们现在使用两个p标签，其中包含2段文字，来看一下他们的过渡效果： ...
JavaScript
Vue中同时使用动画和过渡
之前写的两篇介绍动画和过渡的文章，一篇说的是使用动画，一篇说的是使用过渡效果，本文写一下初始渲染的过渡效果以及同时使用动画和过渡的效果： 初始渲染的过渡 一般情况下，我们默认打开页...
JavaScript
Vue中使用插槽(二)
上篇文章写到了基础插槽，默认文字以及具名插槽，本文来说一下作用域插槽，有时让插槽内容能够访问子组件中才有的数据是很有用的。 作用域插槽 设想一个带有如下模板的chil...