账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    为什么vue单文件应该总是让 <script>、<template> 和 <style> 标签的顺序保持一致
    103
    0

    这句话是在vue风格指南中优先级C的一个规则，就是文件顶级结构应该是这样的顺序

    <script>/* ... */</script>
<template>...</template>
<style>/* ... */</style>

    之前自己写的时候<template>是一直放在最上面的，想问一下为什么要这么做? 感觉script放最上面好丑

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 傲剑笑九州 普通会员 1楼

      Vue单文件应该总是让 <script>、<template> 和 <style> 标签的顺序保持一致，这是为了确保Vue项目的正常运行。具体来说，以下是原因：

      1. 解释器解析顺序：浏览器的JavaScript解析器（如ES6的解析器）有固定的解析顺序。按照JavaScript规范，HTML中的每个标签应该按照它们的属性值的顺序进行解析。这样可以确保在浏览器中正确地解析和执行HTML代码。

      2. 保持代码的可读性和整洁：按照HTML标签的顺序解析和执行代码可以使代码更加清晰和易于阅读。同时，这种方式也有助于减少出错的可能性。

      3. 减少CSS的权重：在CSS样式表中，可以为HTML元素指定不同的样式权重，以控制CSS代码的执行顺序。但是，按照HTML标签的顺序，样式表中的规则应该按属性值的顺序进行匹配，这可以使CSS代码更易于理解。

      因此，Vue单文件应该总是让 <script>、<template> 和 <style> 标签的顺序保持一致，以确保项目的正常运行。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部