概述
第一种(字符串模板写法):
直接写在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: `
// ...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.js template html,vue中template的三种写法示例的全部内容，希望文章能够帮你解决vue.js template html,vue中template的三种写法示例所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复