vue小知识

初识Vue

【1】声明式渲染

（1）例如：{ {message}}

<div>{
   {
   meaasge}}</div>

data(){
   
    return{
   
      message:'Hello,大家好！初次见面，请多关注!'
    }

效果如下

（2）

<span v-bind:title="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息！
  </span>

data: {
   
    message: '页面加载于 ' + new Date().toLocaleString()
  }

【2】条件渲染：v-if 只会在指令的表达式返回 true的时候被渲染

（1）v-if

<div v-if="seen">现在可以看到我</div>

 data(){
   
    return{
   
      seen:true,//seen：false则不显示
    }

运行效果如下
（2）v-if v-else

<div v-if