父组件传递方法给子组件,在子组件执行父组件的方法。
关键代码
<!--利用事件机制把父组件的loadComments方法的引用传递给func-->
<cmt-box @func="loadComments"></cmt-box>
//在子组件中this.$emit('func'),调用执行func方法,func是loadComments的引用,相当于是loadComments方法
this.$emit('func')
实例:
主要技术点:
在子组件中点击发表评论之后调用父组件loadComments方法刷新评论列表
localStorage本地存储技术
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./lib/vue-2.4.0.js"></script>
<link rel="stylesheet" href="./lib/bootstrap-3.3