vue生命周期以及vue的计算属性-白红宇

vue生命周期以及vue的计算属性

阅读量：5319 次

发布时间：2019-06-14

本文共 1156 字，大约阅读时间需要 3 分钟。

一、Vue生命周期（vue实例从创建到销毁的过程，称为生命周期，共有八个阶段）

　　1、beforeCreate ：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用，即实例已经创建了但是数据还没有监视，事件也还没有配置。

　　2、示例：

View Code

　　3、vue生命周期图--对应的八个钩子函数

二、计算属性

　　1、基本用法

　　　　1、计算属性也是用来存储数据，但具有以下几个特点：

　　　　　特点1：数据可以进行逻辑处理操作

　　　　　特点2：对计算属性中的数据进行监视

　　2、计算属性和方法的区别

　　　　将计算属性的get函数定义为一个方法也可以实现类似的功能但是之间的区别就在于：

　　　　　　区别1：计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变化

　　　　　　区别2：计算属性是缓存的，只要相关依赖没有改变，多次访问计算属性得到的值是之前缓存的计算结果，不会多次执行，而方法是不会缓存的，每调用一次都会从新执行函数。

　　　　　　区别3：方法是只是某个功能，计算属性是数据要计算和更新。

　　3、计算属性的组成

　　　　1、计算属性由两部分组成：get和set，分别用来获取计算属性和设置计算属性

　　　　2、默认只有get，如果需要set，要自己添加

    
          计算属性        
              
                
       {
    {msg}}
         
       {
    {msg2}}
         
                
       {
    {msg.split(' ').reverse().join(' ')}}
         
       {
    {reverseMsg}}
         
               
               
                
                       
                
       {
    {num2}}

View Code

转载于:https://www.cnblogs.com/xuanan/p/7853595.html

你可能感兴趣的文章

{ {msg}}

{ {msg2}}

{ {msg.split(' ').reverse().join(' ')}}

{ {reverseMsg}}

{ {num2}}

{
{msg}}

{
{msg2}}

{
{msg.split(' ').reverse().join(' ')}}

{
{reverseMsg}}

{
{num2}}