vue3.0 插值表达式 {{ ' ' }}
2018-12-07 本文已影响8人
一个不知名的前端
vue里面的插值表达式语法:{{ 表达式 }};
细节点:
- 对象不要连续3个 : {{{ X }}}
- 里面可以放字符串: {{ 'xxx' }}
- 可以放布尔值: {{ true }}
- 甚至可以放三元表达式 {{ true ? 正确 : 错误' }}
实战作用:
- 可以用于页面中的粗暴调试;
注意:必须在data这个函数中返回的对象中声明
实例:
<template>
<div class="home">
{{text}}
</div>
</template>
<script>
export default {
data(){
return{
text:'Hello Word'
}
}
}
</script>
<style></style>