了解Vue

一，概述

Vue是一套前端框架，免除了JavaScript中的DOM操作，简化书写
基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上

二，使用

1、引入js文件：<script src="js/vue.js"></script>

2、基本格式

new Vue(
    {
        el:"选择器",
        data(){
            数据......
        }
    }
);

三，常用指令

指令	描述
v-model	数据双向绑定
v-bind	为HTML标签绑定属性值，如设置href,css样式等
v-on	为HTML标签绑定事件，可以把v-on:替换成@也是一样的
v-if、v-else、v-else-if	条件性的渲染某元素，跟java的if-else逻辑差不多
v-show	根据条件展示某元素，切换display属性的值
v-for	列表渲染，遍历容器的元素或者对象的属性

四，生命周期

生命周期的八个阶段:每触发一个生命周期事件，会自动执行一个生命周期方法(钩子)

阶段	描述
beforeCreate	创建前
created	创建后
beforeMount	载入前
mounted	挂载完成
beforeUpdate	更新前
updated	更新后
beforeDestroy	销毁前
destroyed	销毁后

这里面的重点是mounted:挂载完成,Vue初始化成功,HTML页面渲染成功。
一般会发送异步请求，加载数据
事例：
new Vue(
    {
        el:"选择器",
        mounted(){
            操作......;
        }
    }
)

vue的在线文档：Vue.js