Vue2官方文档学习笔记一

一、什么是vue & vue的概念？

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

注意：框架与库的区别

二、Vue有什么作用优势？

Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vue和其他框架对比https://cn.vuejs.org/v2/guide/comparison.html

三、vue框架怎么使用？

1. 安装脚手架工具@vue/cli

>npm install -g @vue/cli

2. 查看是否安装好(安装版本号)

>vue --version
Or
vue -V

3. 使用vue create 命令创建一个vue项目即可

> vue create hello-world

4. 注意：你可以选择vue3或者vue2项目，然后根据需要使用默认选项继续安装即可

四、vue实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例，你可以传入一个选项对象。

>var vm = new Vue({
   
//选项
})
选项有如下常用属性：
el
data
methods
computed
watch
props
propsData
template
created
mounted

el：vue控制的html页面显示区域
data是一个对象，表示页面使用到的所有数据，并且是响应式的，与页面同步。
注意：只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。（提前预定义好的属性才可以实现响应式。）

生命周期钩子函数以及生命周期图示

暂时不用管

五、Vue模板语法

1. 插值表达式语法：

｛｛｝｝

3. 指令：