插值表达式的用法

最新推荐文章于 2024-04-26 17:54:13 发布

置顶

VIP文章 jxy567

最新推荐文章于 2024-04-26 17:54:13 发布

阅读量7.5k

点赞数 1

分类专栏： vue 文章标签： vue.js vue

本文链接：https://blog.csdn.net/jxy567/article/details/103527614

版权

插值表达式

1.1.插值表达式的用法

（1）内容用法：{ {}}

<body>
	<div id='app'>{
   {
   msg}}</div>
</body>
<script>
	new Vue ({
   
        el:'#app',
        data:{
   
            msg:'aaa'
        }
    })        
</script>

（2）属性用法：(指令)

<body>
    <img v-bind:src='imgUrl' alt=''>
	//简写： <img :src='imgUrl' alt=''>
</body>
<script>
	new Vue ({
   
        el:'#app',
        data:{
   
            imgUrl:'https://ftp.bmp.ovh/imgs/2019/11/8dea885bcee7fb02.png'
        }
    })        
</script>

总结：插值表达式做属性用法时，是不加{ {}}的，但是在属性上要加指令

2.2.js的支持性

（1）插值表达式对于js数据类型是支持的

<body>
	<div id

最低0.47元/天解锁文章

优惠劵

jxy567

关注关注

1
点赞
踩
15

收藏

觉得还不错? 一键收藏
2
评论
插值表达式的用法

插值表达式1.1.插值表达式的用法（1）内容用法：{{}}<body> <div id='app'>{{msg}}</div></body><script> new Vue ({ el:'#app', data:{ msg:'aaa' } }) ...
复制链接

扫一扫