vue
总结vue常见概念还有工作中遇到的问题
翻滚吧,小牛牛
这个作者很懒,什么都没留下…
展开
-
vue总结04--transition过渡动画
vue过渡动画Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果在 CSS 过渡和动画中自动应用 class配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM文章目录vue过渡动画css过渡动画一、使用步骤二、简单例子三.动画过渡过程四.使用css动画库五.使用钩子函数六.列表过渡css过渡动画transition组件会为嵌套元素自动添加class,可用于做css过度动画一、使用步骤原创 2020-10-15 13:53:43 · 309 阅读 · 0 评论 -
vue总结03--组件化
组件化组件是可复用的 Vue 实例,带有一个名字,我们可以在一个通过 new Vue 创建的 Vue 根实例中,把 这个组件作为自定义元素来使用。文章目录组件化组件基础一、组件注册、使用及数据传递二、自定义事件及其监听三、在组件上使用v-model四、通过插槽分发内容组件化理解总结组件基础一、组件注册、使用及数据传递Vue.component(name, options)可用于注册组件。 自定义组件 <hello-world :msg="msg"></hello-wor原创 2020-10-09 16:06:58 · 92 阅读 · 0 评论 -
vue总结02--vue的生命周期
vue总结02-生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实 例挂载到 DOM 并在数据变化时更新 DOM 等,称为Vue实例的生命周期。文章目录vue总结02-生命周期生命周期视图一、使用场景二、测试代码生命周期视图结论:三个阶段:初始化、更新、销毁初始化:beforeCreate、created、beforeMount、mounted更新:beforeUpdate、updated销毁:beforeDestroy、des原创 2020-10-09 10:54:25 · 201 阅读 · 1 评论 -
vue总结01--组件通信的8种方式
组件通信的几种方式props (父传子)父组件中: <template> <div> <mchild1 msg="父亲发送的信息"></mchild1> </div></template>子组件中: <template> <div>子组件1--接收 {{msg}}</div> </template><script>export原创 2020-09-03 16:26:16 · 136 阅读 · 0 评论