vue页面的3个组成部分


本篇文章和大家了解一下vue页面的3个组成部分。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 vue页面有3个组成部分:1、模板(template),即template标签包裹的界面展示代码(HTML代码);2、script标签包裹的业务实现代码(js脚本代码);3、style标签包裹的界面样式代码(css样式代码)。一个vue页面通常由三部分组成:模板(template)、js(script)、样式(style)

[template-模免费云主机域名板](1) 模板只能包含一个父节点,也就是说顶层的div只能有一个(如上图,父节点为#app的div,其没有兄弟节点)(2)是子路由视图插槽,后面的路由页面都显示在此处,相当于iframe【script-JS代码】vue通常用es6来写,用export default导出,其下面可以包含数据data,生命周期(mounted等),方法(methods)等。【style-CSS样式】样式通过style标签

包裹,默认是影响全局的,如需定义作用域只在该组件下起作用,需在标签上加scoped,

引入外部CSS示例:

以上就是vue页面的3个组成部分的简略介绍,当然详细使用上面的不同还得要大家自己使用过才领会。如果想了解更多,欢迎关注百云主机行业资讯频道哦!

相关推荐: c++分糖果问题怎么解决

这篇“c++分糖果问题怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“c++分糖果问题怎么解决”文章吧。红太阳幼儿园有 n 个小朋友,你是…

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

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/01 10:00
下一篇 03/01 10:00

相关推荐