# vue基本介绍 **Repository Path**: grumpy_old_vinegar/introduction_to_vue ## Basic Information - **Project Name**: vue基本介绍 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-08-17 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue基本介绍 ## 1.vue定义 ``` 用于构建用户界面的渐进式的 自底层向上增量开发的MVVM 框架。 特点、优势：轻量级、高效率、上手快、简单易学、文档全面而整洁 ``` ## 2.vue.js的目的 ``` 1>解决数据绑定问题 2>vue.js主要目的是为了开发大型单页面应用 3>支持组件化，也就是可以把页面封装成为若干个组件，把组件进行拼装，让页面复用性达到最高。 核心思想：数据驱动和组件化 ``` ## 3.MVVM主要分为三部分 ``` M：模型层（模型等同于数据），在项目中与数据交互的地方 V：视图层，用户可以看见的网页内容（HTML+CSS） VM：M与V实现沟通的桥梁 ``` ## 4.Vue的使用 ```1>下载vue 1.创建一个视图层
2.创建VM层 //实例化一个vue对象 new vue({ el：“#demodiv” 3.创建模型层 data:{ } }) 4.在视图中展示模型数据 {{ }} ``` ## 5.Vue声明式渲染 ```Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM，也就是将模板中的文本数据写进DOM中 声明式渲染：我们只需要告诉程序我们想要什么效果，其他的交给程序来做 命令式渲染：命令我们的程序去做什么，程序就会跟着你的命令去一步一步执行 ``` ## 6.数据驱动 ``` 通过控制数据的变化来显示vue的数据驱动是视图的内容随着数据的改变而改变 ``` ## 7.vue渲染方式 ```{{}}--表达式 {{}}--表达式将双大括号中的数据替换成对应属性值进行响应式的展示 表达式概念：使用双大括号来包裹 js 代码构成表达式 表达式语法：使用双花括号语法 表达式中可以写入哪些内容 JSON数据 数组 结合刚开始使用原始方法完成的demo使用vue完成演示数组数据和JSON数据 {{}}--表达式 ```