[Vue2] 从初学到放弃 Day5-生命週期Hooks

Instance Lifecycle Hooks

Hooks到底是什么?

中文解释就是钩子,其实Vue就有点像是一个挂着一个的感觉,所以才叫Hooks(很多个所以用複数,大概是这样吧?)有找到好的解释再补上。
http://img2.58codes.com/2024/20103988PhbP6E8OBI.png

这里有一个提醒
就是尽量不要在fucntion使用箭头函示,因为在使用arrow function的时候,this就会不存在,因为他会提取外层的this。

ex

<div id="app">    {{ msg }}</div><script>let data = {    'msg': 'hello Vue',}let vm = new Vue({    el: "#app",    data,    // created:(){} // es6写法    // 这边比较 一般写法跟 arrow function    created: function (){        console.log(this) // 一般写法        // 这边会指向Vue的实体    },    created: ()=>{        consloe.this(this);        // 这边会直接指向window    },})</script>

这边很重要的提醒就是,不要在Vue的第一层function使用arrow function,不然会很难取到这个Vue实体的值。

下一篇就是说 Template syntax


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章