vue是什么?
是渐进式的框架;
什么是渐进式的框架:没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开发,还可以用它的视图来做一些操作
是一个构建用户界面的框架
是一个轻量级的MVVM(Model-View-ViewModel):其实就是所谓的数据的双向绑定,数据驱动和组件化的前端开发,通过简单的API就能实现响应式的数据绑定和组合的视图组件
它的好处是什么:不用直接操作DOM就能改变里面的数据
vue怎样安装
第一种.script直接引入 <script src="https://cdn.jsdelivr.net/npm/vue"></script>
第二种.下载vue.js引入 <script src="./vue.min.js"></script>
vue的基本使用
1.先引入
2.创建一个 Vue 实例
每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的
let vm = new Vue({
el:"" //渲染开始的地方,挂载
data:{
myname:'lisi' //变量,状态
},
methods{
aa:function(){ // 方法
}
}
})
3.实例化vue对象
<div id="box">
{{name}} // 这里可以把张三输出出来
</div>
<script src="./vue.min.js"></script>
<script>
var Vue = new Vue({
el:"#box",
data:{
name:"张三"
}
})
</script>