vue框架的特点及其与其他框架的比较

是用于构建用户界面的渐进式框架。

超过其他框架-反应

React和Vue有很多相似之处。它们都使用虚拟DOM；提供了响应性和可组合的视图组件。将重点放在核心库上，同时将路由和全局状态管理等其他功能留给相关库。React拥有比Vue更丰富的生态系统

它们都支持本地解决方案，如React RN和Vue Wee

两者都支持SSR服务器渲染

父组件和子组件之间的通信支持

性能：React和Vue可以在大多数常见场景中提供类似的性能。Vue通常有一些优点，因为Vue的虚拟DOM实现相对轻量级。

区别在于：

在数据绑定方面，vue实现了双向数据绑定，react数据流是单向的

虚拟DOM不同。vue将跟踪每个组件的依赖性，不需要重新渲染整个组件树。对于React，当app状态更改时，所有组件都将重新渲染。因此，生命周期函数方法shouldComponentUpdate需要控制React

如果状态对象在reactapp中是不可变的，则需要使用setState方法来更新状态；在vue中，状态对象不是必需的，数据由vue对象中的数据属性管理（如果您想直接操作this.xxx）

组件的编写方式不同。React推荐JSX，这意味着HTML和CSS都被写入JavaScript，即'；都在js'中；Vue推荐webpack+Vue-loader的单文件组件格式，即html、css和js写在同一个文件中

与其他框架比较

就性能而言，这两个框架都非常快，而且我们没有足够的实际app数据来得出结论。如果您必须要查看一些数据，可以参考第三方评分。仅就这一得分而言，Vue似乎比Angular更快。

在尺寸方面，最新的Angular版本使用AOT和树抖动技术来减少最终代码量。即使如此，包含vuex+Vue路由器的Vue项目（30kb-gzip）比Angular CLI使用这些优化生成的默认项目大小（~130kb）小得多。

灵活性：Vue比Angular更灵活。Vue官方提供了一个构建工具来帮助您构建项目，但它并不限制您组织app代码的方式。有些人可能喜欢严格的代码组织规范，但有些开发人员更喜欢更灵活和自由的方式。

vue的核心特征。js-响应数据绑定

传统的js操作页面：在过去，当使用js来操作页面时，需要对某个html元素的数据进行操作。您只需使用js代码获取元素，然后处理业务逻辑。

响应式数据绑定用于操作页面。您可以直接使用以下代码将数据填充到页面中。

<模板>

<；div id=“app”>；

；｛｛消息｝｝

<；/分区>

<脚本>

导出默认值{

name:'app'，

数据（）{

；返回{

 nbsp；消息：“欢迎使用您的Vue。jsapp'

}

}

}

可组合视图组件的核心特性

页面被映射到组件树。组件可以被维护、重用和测试，也就是说，一个页面由多个组件组成

vue中的组件介绍示例

步骤1：导入要导入的组件文件；

步骤2：注册组件；

步骤3：向需要导入组件的文件中添加一个组件标记（此标记的标记名是注册的组件名称，此处的多字和的形式为xx-xx）

注意，组件可以嵌套引入，也就是说，组件可以引入其他组件

首先，为导入的零部件创建零部件。组件名称为Hello.vue

<模板>

<；分区>

 书信电报；h2>基本链接

<；/分区>

<脚本>

导出默认值{

name:'你好'

}

然后，在要导入的组件中，使用import导入组件

从'导入Hello。/组件/您好

然后使用组件注册此组件

组件：{

；你好

}

将组件标记添加到需要导入组件的文件中（此标记的标记名称是注册的组件名称，此处为多字和xx xx格式）

<；/你好>

<模板>

<；div id=“app”>；

；｛｛消息｝｝

 书信电报；您好><；/你好>

<；/分区>

<脚本>

从'导入Hello。/组件/您好

导出默认值{

；name:'app'，

；数据（）{

 nbsp；返回{

 nbsp； ；消息：'我们