学习目标：

Vue框架的原理是什么
二叉树的直径

面试题：

Vue框架的原理是什么

Vue 是一套用于构建用户界面的渐进式框架，Vue被设计为自底向上逐层应用。

Vue 的数据驱动是通过 MVVM （Model-View_ViewModel）模式来实现的。

Model是数据部分，主要负责业务数据
View是视图部分，即DOM元素，负责视图的处理
ViewModel是连接视图与数据的数据模型，负责监听Model或者View的修改

在MVVM中，数据(Model)和视图(View)是不能直接通信的，视图模型(ViewModel)就相当于一个观察者，监控着双方的动作，并及时通知进行相应操作。当Model 发生变化的时候，ViewModel能够监听到这种变化，并及时通知View做出相应的修改。反之，当View发生变化时，ViewModel监听到变化后，通知Model进行修改，实现了视图与模型的互相解耦。

ok，今天简单点。但是规矩不能变，再来点算法题

算法题：

$\textcolor{blue}{题目来源： }$ 543. 二叉树的直径
$\textcolor{OrangeRed}{等级：简单}$

👉题目描述

给你一棵二叉树的根节点，返回该树的直径。

二叉树的直径是指树中任意两个节点之间最长路径的长度。这条路径可能经过也可能不经过根节点 root 。

两节点之间路径的长度由它们之间边数表示。

示例 1：
在这里插入图片描述

输入：root = [1,2,3,4,5]
输出：3
解释：3 ，取路径 [4,2,1,3] 或 [5,2,1,3] 的长度。

示例 2：

输入：root = [1,2]
输出：1

提示：

树中节点数目在范围 $1, 10^4]$ 内
-100 <= Node.val <= 100

👉方法1

/**
 * Definition for a binary tree node.
 * public class TreeNode {
 *     int val;
 *     TreeNode left;
 *     TreeNode right;
 *     TreeNode() {}
 *     TreeNode(int val) { this.val = val; }
 *     TreeNode(int val, TreeNode left, TreeNode right) {
 *         this.val = val;
 *         this.left = left;
 *         this.right = right;
 *     }
 * }
 */
class Solution {
    int max = 0;

    public int diameterOfBinaryTree(TreeNode root) {
        if (root == null) {
            return 0;
        }
        dfs(root);
        return max;
    }

    public int dfs(TreeNode root) {
        if (root.left == null && root.right == null) {
            return 0;
        }
        int leftSize = root.left == null ? 0 : dfs(root.left) + 1;
        int rightSize = root.right == null ? 0 : dfs(root.right) + 1;
        max = Math.max(max, leftSize + rightSize);
        return Math.max(leftSize, rightSize);
    }
}