vue中的模板语法是什么


本文小编为大家详细介绍“vue中的模板语法是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue中的模板语法是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一、模板语法模板语法分为插值语法和指令语法两种。插值语法是用两个大括号来表示的,用于解释标签内容,{{xxx}}里面的xxx必须要是js表达式,xxx就可以在被解析后去自动读取实例中定义的属性了。(学习视频分享:vuejs教程) 标签:这个位置就是标签体,举个栗子 js表达式:可以产生一个值的,举几个例子就明白了name1+1ok ? ‘YES’ : ‘NO’ js代码(语句)是一种特殊的js代码,会产生一个值
js代码(语句):举几个比较常见的例子if(){}for(){}指令语法以v-开头,你应该不会陌生,包括v-for、v-on、v-bind……它的作用是免费云主机域名解析标签(包括标签属性,标签体内容,绑定事件),功能就非常强大了,我们这里举个v-bind的使用案例,它是用来绑定属性的,v-on则是用于绑定事件:结果如下图所示:这里的v-bind:href="url",双引号的内容也要写成js表达式,v-bindhref属性和url进行了绑定,这样就可以正确的读取data中url属性https://www.baidu.com。注意:如果不加v-bind,写成href="url",那此时双引号里的内容就编程了字符串,给href赋值。二、容器和实例的关系容器和实例的关系是1:1,也就是一个实例只能绑定一个容器,下面两种情况都是不可以的:1个id为app的容器,2个el为app的实例:这样在容器里的name被解析后,只会去第一个实例里面读取data属性2个id为app的容器,1个el为app的实例:在代码段位置处于后面的那个容器,就不会被解析出来实际开发场景里只会有一个Vue实例,因为会配和组件一起构建代码,所以实例里面的代码不会特别复杂。读到这里,这篇“vue中的模板语法是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: 怎么将Java与C#时间进行互相转换

这篇文章主要介绍了怎么将Java与C#时间进行互相转换的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么将Java与C#时间进行互相转换文章都会有所收获,下面我们一起来看看吧。JAVA统计从1970年1月1日起的毫秒的数量表示日期…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 04/08 17:27
下一篇 04/08 17:27

相关推荐