vue.js框架简单认识

vue指的是vue.js框架。一款构建用户界面的渐进式框架，它可以帮你创建可维护性和可测试性更强的代码库。
Vue.js是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。
vue你可以当成插件使用也可以当成库使用，也可以当成框架使用叫做vuex全家桶.
库，插件和框架的区别？
插件 : 可能就是一个非常小的功能或者模块 例如fullpage就是完成一个滚屏的功能
库 : 一系列插件的集合，相当于把方法重新定义，简化写法，无法完成大型项目的构建
框架 : 可以完后大型（完整的）项目的时候即被称为框架
MVC/MVVM开发模式
MVC（Model View Controller 模型-视图-控制器）是一种Web架构的模式。
特点：把业务逻辑、模型数据、用户界面分离开来，让开发者将数据与表现解耦。
MVVM（Model-View-ViewModel），是一种基于前端开发的架构模式。
核心是提供对View 和 ViewModel 的双向数据绑定，View和Model之间并没有直接的联系，而是通过ViewModel进行交互，View的变动，自动反映在ViewModel上，反之亦然，这样就保证视图和数据的一致性。

插值表达式
插值表达式，也叫做单向数据绑定
如何使用
创建一个盒子，用来放vue的数据，要被vue接管的容器

<div id="app"> {{123}} </div>

被vue接管

<script>
        var vm = new Vue({
            el:"#app",//绑定需要通过vue进行渲染的模板          
    </script>

引用的vue的cdn

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

注：{{ null }}和{{ undefined }}不会显示 {{ {name:10} }}对象旁边都有留有空格

绑定数据

<div id="app">
        {{ name }}
    </div>
    <script>
     new Vue({
         el:"#app",
         data:{
             name:"张三"
         }
     })
    </script>

data所有的数据都会放在这里面
视图的数据可以根据vue中data的改变而改变

对象和数组不能用这种方法来改变
数组跟原生的数组不一样，vue中对数组和对象重写
对象的重写

想要修改数据中的数据，必须通过7个方法修改，这7个方法是重写以后的方法，可以更新数据并且渲染视图

// pop: ƒ mutator()   删除最后一个元素，并且返回
            // push: ƒ mutator()  添加一个元素并返回数组长度
            // reverse: ƒ mutator()  颠倒数组中元素的顺序。
            // shift: ƒ mutator()    删除并返回数组的第一个元素
            // sort: ƒ mutator()     对数组的元素进行排序  只排首个元素
            // splice: ƒ mutator()   删除元素，并向数组添加新元素。
            // unshift: ƒ mutator()  向数组的开头添加一个或更多元素，并返回新的长度。