Vue实例中的属性，Vue新定义的标签

VUE中可以存放的属性

var vm=new Vue({    

    el:"#app2",   

    data:{},  

    methods:{},   

    filters:{},    

    directives:{},    // 

    components:{},   //  组件

    beforeCreate(){},    //8个生命周期函数

    created(){},    

    beforeMount(){},    

    mounted(){},    

    beforeUpdate(){},    

    updated(){},   

    beforeDestroy(){},    

    destroyed(){}，

    watch：{} //监视器

    computed:{}  //计算器 

)

vue自带的标签

<component></component> //动态的根据data值显示不同的组件

 <component :is="comname"></component>

<template></template> //组件独立创建模块 template中引用该标签下的id

   <template id="temp">
        <div>
            <h1> app外部定义组件结构</h1>
        </div>
    </template>

<transition></transition> //添加动画的部分

 <transition name="my">
<!--        默认transition就是v- 添加name后 区分不同组的动画-->
<!--        官方提供的需要执行动画的元素，用transition包裹-->
        <h3 v-if="flag">这是一个H3</h3>
    </transition>

<transition-group></transition-group> //为v-for对象添加动画

  <transition-group appear tag="ul">
            <li v-for="(item,i) in list" :key="item.id">{{item.id}} {{item.name}}</li>
  </transition-group>

<router-view></router-view> //vue router提供的 路由容器

<router-view></router-view> //路由规则制定的组件会显示在这里

<router-link></router-link> // 路由触发，默认为a标签

<router-link to="/login">登录</router-link>
    <router-link to="/register">注册</router-link>

目前了解这些，待更ing