Vue 介绍

基本简介：

• Vue 基本介绍

Vue 基本介绍

Vue 是一套用于构建用户界面的渐进式JavaScript框架
与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

框架和库的区别

• 框架：会基于自身的特点为用户提供一整套的解决方案，倾向于创造一套需要你来遵守的规则和范例
• 库：是代码集合成的一个产品，只需要引入使用它的功能就可以了，至于应用怎么架构和项目目录怎么组织完全由你自己决定

渐进式框架

所谓渐进式框架，说白了就是框架分层，如下图所示：

• 如果只像使用 Vue 最基础的声明是渲染的功能，则完全可以把 Vue 当作一个模板引擎来使用
• 如果想以组件化开发方式进行开发，则可以进一步使用 Vue 里面的组件系统
• 如果要只做 SPA （单页应用），则可以使用 Vue 里面的客户端路由功能
• 如果组件越来越多，需要共享一些数据，则可以使用 Vue 里的状态管理
• 如果想在团队里执行同意的开发流程或规范，则使用构建工具

模板插值

如果只是用 Vue 最基础的声明式渲染的功能，则完全可以把 Vue 当作一个模板引擎来使用

...
<div id="app">
 	{{ message }}
</div>
...

构造器

每个 Vue 应用都是通过构造函数 Vue 来创建一个 Vue 的根实例

...
new Vue({
 	// 选项
})
...

实例化 Vue 时，需传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期等选项

new Vue({
    // 挂载元素
    el: '#app',
    // 数据
    data: {
        message: 'Hello Vue!'
    }
});