![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue简易入门
JeffreytheCoder
UCLA(加州大学洛杉矶分校)计算机专业在读,前端开发工程师,熟悉Vue和小程序开发。
展开
-
【Vue简易入门】兄弟组件传值
上次讲到了父子组件传值,这次讲下Vue中用eventBus实现兄弟组件传值。兄弟组件出现的情况通常是父组件下有多个子组件,子组件相互要传递值。这里用的自己写的一个Todo List例子,在menu页下todoList组件点击完成事项后传递到finishList组件。1. 创建eventBus.jsimport Vue from 'vue'export default new Vue()2. 在兄弟组件中引用eventBus,并加入$emit和on方法TodoList:在methods中用$emi原创 2020-08-15 13:24:38 · 4035 阅读 · 0 评论 -
【Vue简易入门】父子组件传值
上次讲到了Vue的组件化概念,那这次来讲解下Vue里父子组件要怎么传值,也是学习Vue非常重要的一个知识点。这里我拿自己写的一个Todo List Demo来当做例子讲解。父组件向子组件传值父组件在子组件HTML标签中添加变量名和绑定data属性 ,子组件在props中添加变量名。在这个例子中,父组件为包含TodoList的页面,子组件为TodoList。<!-- 这是父组件 --><template> <div id="menu"> <div原创 2020-08-13 22:27:20 · 4262 阅读 · 0 评论 -
【Vue简易入门】什么是Vue?
【Vue简易入门】什么是Vue?Vue作为一款目前最流行的前端框架之一,是许多前端开发工程师的不二选择。最近我在前端岗位上也运用Vue实现了几款产品,那么今天来分享一下Vue是什么,以及我对Vue的见解。一、定义Vue是一套用于构建用户界面的渐进式JavaScript框架与传统JS和JQuery框架不同,Vue的渐进式框架表示开发者可以由简单组件写起,渐渐搭建出一个复杂的前端平台。形成Vue渐进式框架的核心概念为:组件化,MVVM,响应式,和生命周期,下面会一个个详细介绍。二、为什么要用Vu原创 2020-08-12 00:25:24 · 42477 阅读 · 8 评论