vue的基本知识

作者：尤雨溪

官网：https://cn.vuejs.org

Vue.js是一套构建用户界面的渐进式框架。声明式渲染和组件系统是Vue的核心库所包含内容。

• 渐进式：循序渐进，不需要掌握全部的点，学多少用多少

• 框架：半成品的应用（之前学习的jQuery也是一个框架）

• 声明式渲染：（如同js基础一样，要使用变量则必须先声明变量，这种称之为声明式）

Vue.js的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进DOM的系统。

• 组件化应用构建

组件系统是Vue的另一个重要概念，因为它是一种抽象的允许我们使用小型、独立和通常可复用的“小积木”构建大型应用。几乎任意类型的应用界面都可以抽象为一个组件树。

• 基于MVVM

  angular,react,vue

1、初识Vue

vuejs文件分为“.min.js”与“.js”文件，区别在于其中带“.min”这个是生产版本（压缩版），不带“.min”的是测试版本（测试时用的，不压缩的）：

• 生产版本（vue.min.js）

  • 代码压缩（代码不具备可读性）

  • 不支持vue调试工具

• 开发版本（vue.js）

  • 代码不压缩（代码具备可读性）

  • 支持vue的调试工具

以输出“Hello World”为例，使用Vue.js实现输出“Hello World”案例：

步骤（仅限在vue的非工程化的环境下）

• 在视图部分定义渲染的容器，正常情况下内容相对固定，一般是：

  • <div id="app"></div>

• 通过script标签引入下载好的vue.js文件

• 产生vue实例（js部分，需要去new）

  • 需要给实例传递配置选项（格式是一个对象）

  • 如果可能，会用到一些数据，数据需要在对象中声明（声明式渲染）

• 如果需要展示数据的话，则需要使用特定的表达式（插值表达式，形式{{表达式}}，在视图部分写，哪里需要值就在哪里写）