第一种(字符串模板写法):
直接写在vue构造器里,这种写法比较直观,适用于html代码不多的场景,但是如果模板里html代码太多,不便于维护,不建议这么写.
/*
Example kicking off the UI. Obviously, adapt this to your specific needs.
Assumes you have a
*/
new Vue({
el: '#q-app',
data: function () {
return {
version: Quasar.version
}
},
template: `
Running Quasar v{{ version }} `// ...etc
})
第二种:
直接写在template标签里,这种写法跟写html很像。
Running Quasar v{{ version }}
/*
Example kicking off the UI. Obviously, adapt this to your specific needs.
Assumes you have a
*/
new Vue({
el: '#q-app',
data: function () {
return {
version: Quasar.version
}
},
template: '#template1'
// ...etc
})
第三种:
写在script标签里,这种写法官方推荐,vue官方推荐script中type属性加上"x-template",即:
Running Quasar v{{ version }}
/*
Example kicking off the UI. Obviously, adapt this to your specific needs.
Assumes you have a
*/
new Vue({
el: '#q-app',
data: function () {
return {
version: Quasar.version
}
},
template: '#template1'
// ...etc
})
以上就是vue中template的三种写法示例的详细内容,更多关于vue template的资料请关注脚本之家其它相关文章!
更多推荐
vue模板中写html,vue中template的三种写法示例
发布评论