3.插值&钩子&指令

1.插值

/* 所有的数据必须要在data中声明，即使初始值为空也要声明 */
<div>{{msg1}}</div> //纯文本
<div v-html="msg2"></div> //原始html
<div>{{msg3.split('').reverse('').join('')}}</div> //表达式
<script>
    export default {
        data(){
            msg1:'纯文本',
            msg2:'<div>原始html</div>',
            msg3:'<div>表达式</div>'
        }
    }
</script>

 

 

2.钩子

· 钩子就是组件的生命周期函数

· 本质：就是特定时间段自动触发的函数

 

3.指令