微客导航 » 文章资讯 » Vue组件模板的几种书写形式(3种)

Vue组件模板的几种书写形式(3种)

2023-07-31 23:50:04 198

1.第一种使用script标签

{{test}}looktestcomponent!

注意：使用

looktestcomponent!

当然，如果template内容少的话，我们可以直接在组件中书写，而不需要用template标签。像下面这样：

Vue.component('test-component',{
template:`thisistest,{{test}}`,
data(){
return{
test:"hellotest"
}
}
})

3.第三种单文件组件

这种方法常用在vue单页应用中

创建.vue后缀的文件,组件Hello.vue，放到components文件夹中




app.vue

以上就是Vue组件模板的几种书写形式(3种)的详细内容，更多关于Vue组件模板请关注毛票票其它相关文章！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

Vue组件模板的几种书写形式(3种)

thisistest,{{test}}

{{msg}}

随机推荐

Vue组件模板的几种书写形式(3种)

thisistest,{{test}}

{{msg}}

热门推荐

随机推荐