什么是vue Vue.js是什么？
导读：什么是vue，小编带来的是什么是vue的介绍，具体详情如下： Vue 1、什么是Vue Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写 基于 MVVM （Model-View-ViewModel）思想，实现数据
什么是vue
小编带来的是什么是vue的介绍，具体详情如下：
Vue
1、什么是Vue
- Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写
- 基于
MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程关注点放在数据上
- 官网：： https://cn.vuejs.org
MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程关注点放在数据上
2、Vue快速入门
Vue 核心对象：每一个 Vue 程序都是从一个 Vue 核心对象开始的。
选项列表：
el 选项： 选择器，用于指定视图区域，此区域下的所有表达式、事件等内容都会受到vue的控制。
data 选项：用于保存当前 Vue 对象中的数据。这里设置的数据是初始化数据, 这里的数据改变,引用的地方也会改变
methods 选项：用于定义方法。方法可以直接通过对象名调用，也可以在方法内部通过this来调用。
数据绑定：
在视图部分获取脚本部分的数据。格式：{{变量名}}
★
操作流程
1、新建 HTML 页面，引入 Vue.js文件
<script src="js/vue.js"></script>2、在JS代码区域，创建Vue核心对象，进行数据绑定
new Vue({
el:"#div", //通过id选择器，将视图和vm进行绑定
data(){
return{
username:"vue"
}
}
})3、编写视图
<div id="div">
{{username}}
</div>★
代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello vue</title>
<!--1、引入vue.js-->
<script src="js/vue.js"></script>
</head>
<body>
<!--3、创建视图-->
<!--{{}}表示插值表达式-->
<div id="div">
{{username}}
</div>
<!--2、在script标签中编写vue核心对象-->
<script>
new Vue({
el:"#div", //通过id选择器，将视图和vm进行绑定
data(){
return{
username:"vue"
}
}
})
</script>
</body>
</html>3、Vue常用指令
指令：HTML 标签上带有 v- 前缀的特殊属性，不同指令具有不同含义。例如：v-if，v-for…
常用指令
| 指令 | 作用 |
|---|---|
| v-bind | 为HTML标签绑定属性值，如设置 href , css样式等 |
| v-model | 在表单元素上创建双向数据绑定 |
| v-on | 为HTML标签绑定事件 |
