Vue 插值操作

指令

1.musachace 双大括号

2.v-once 直接在div中加入 渲染一次,之后修改对象中的值并不会同步渲染到页面上

3.v-html 渲染vue实例data中的url: 'http://www.baidu.com',也可以外层嵌入标签(<a </a)

url: 'http://www.baidu,com' < /a>

4.v-text 显示文本元素 类似于{{message}}的写法,但不够灵活,{{message}}+'string'可以在div中进行拼接,而v-text的div后插入元素会覆盖掉v-text="xxx"的值.

5.v-pre 以原生的方式展示数据

6.v-cloak(斗篷) 在div中使用会默认遮住{{message}}字符,显示空白,只有当Vue实例延迟生成后,v-cloak自动被解析删除,显示出"你好啊!"

<style>
  [v-cloak] {
      dsplay:none;
  }  
</style>

<div id="app" v-cloak>
    {{message}}
    
    
script
setTimeOut(function () {
    const app = new Vue() {
        el: #app,
        data: {
            message: '你好啊!'
        }
    }
})