Vue 框架原理相关知识点

create和mounted 的区别

参考

• juejin.im/post/5afd7e…
• juejin.im/post/5c6d48…

MVVM框架的设计理念

为什么选择vue

为什么使用vue，首先要看和其他框架React/Angular的对比

React

React 的特别是使用 JSX，有些人喜欢用，有些人不喜欢？看它的语法就知道

1. 一个render函数，里面又放html代码，又放 JS 代码。逻辑不能使用 if-else，只能使用一堆三元运算符。 css也可以当成对象属性放进去，揉在一块，虽然最后他们会编译成纯JS，反正我个人是比较喜欢 JS/CSS/HTML 分开写。
2. 过渡的 工具 依赖

ReactDOM.render(
    <div>
      <h1>{1+1}</h1>
    </div>
    ,
    document.getElementById('example')
);

var myStyle = {
    fontSize: 100,
    color: '#FF0000'
};
ReactDOM.render(
    <h1 style = {myStyle}>菜鸟教程</h1>,
    document.getElementById('example')
);

ReactDOM.render(
    <div>
      <h1>{i == 1 ? 'True!' : 'False'}</h1>
    </div>
    ,
    document.getElementById('example')
);
复制代码

Vue

特点

• 从React那里借鉴了组件化、prop、单向数据流、性能、虚拟渲染，并意识到状态管理的重要性。
• 从Angular那里借鉴了模板，并赋予了更好的语法，以及双向数据绑定（在单个组件里）。
• 它不强制使用某种编译器，所以你完全可以在遗留代码里使用Vue，并对之前乱糟糟的jQuery代码进行改造。

不足

• 模板的运行时错误描述不够直观
• 年轻，社区生态不够完善