<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Vue?學(xué)習(xí)</title>
????<script?type="text/javascript"?src="vue.js"></script>
</head>
<body>
????<div?id="root">
????????<h1?v-on:click="handleClick">{{content}}</h1>
????</div>
????<script?type="text/javascript">
????new?Vue({
????????el:?"#root",
????????data:?{
????????????content:?"Hola"
????????},
????????methods:?{
????????????handleClick:?()?=>?{
????????????????this.content?=?"Suremotoo";
????????????}
????????}
????});
????</script>
</body>
</html>
2019-02-14
注意，不應(yīng)該使用箭頭函數(shù)來定義 method 函數(shù) (例如 plus: () => this.a++)。理由是箭頭函數(shù)綁定了父級作用域的上下文，所以 this 將不會(huì)按照期望指向 Vue 實(shí)例，this.a 將是 undefined。
2019-01-04
Sorry，我找到問題了，將以下代碼替換
handleClick:??()?=>?{ ????????????????this.content?=?"Suremotoo"; ???}handleClick:?function()?{ ????????????????this.content?=?"Suremotoo"; ????????????}看來不會(huì)es6的不要隨便用。