vue基础

vue

---

一、vue是什么？

1.vue是一个渐进式框架
	渐进式框架：没有强主张，你可以在原有大系统的上面，把两个组件改用它实现，当jQuery用
	也可以整个用它开发，还可以用它的视图

2.是一个构建用户界面的框架

3.是一个轻量级的MVVM，即(Model-View-ViewModel)
	其实就是所谓的数据双向绑定
	数据驱动和组件化的前端开发
	通过简单的API就能实现响应式的数据绑定和组合的视图组件

二、使用步骤

1.先引入

第一种.
script直接引入  <script src="https://cdn.jsdelivr.net/npm/vue">
第二种.
下载vue.js引入
[vue官网](https://cn.vuejs.org/v2/guide/)/

2.创建一个vue实例

代码如下（示例）：

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：

<script>
var vm = new Vue({
  // 选项
})

let vm =new Vue({
			el:""  //渲染开始的地方，挂载
			data:{
				myname:'lisi'  //变量，状态
			},
			methods{
				aa:function(){

				}
			}
		})
</script>

3.实例化vue对象

    <div id="box">
        {{name}}
    </div>
    <script src="./vue.min.js"></script>
    <script>
        var Vue = new Vue({
            el:"#box",
            data:{
                name:"张三"
            }
        })
    </script>

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了vue的使用，而vue提供了大量能使我们快速便捷地处理数据的函数和方法。 1.vue是一个渐进式框架 渐进式框架：没有强主张，你可以在原有大系统的上面，把两个组件改用它实现，当jQuery用 也可以整个用它开发，还可以用它的视图 2.是一个构建用户界面的框架 3.是一个轻量级的MVVM，即(Model-View-ViewModel)