账号密码登录
微信安全登录
微信扫描二维码登录

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vue中的data写的位置
    63
    0

    一般情况下,data要写到return里面,这样复用组件时就不会产生全局污染。
    但有的数据,复用的组件都可以共用(一些常量),那应该写到哪里呢?

    是<script>的最前面?

    <script>
    const a = 1
    export default{
        ...
    }
    </script>

    还是像element给的表单验证的例子,写到return的外面?

    <script>
      export default {
        data() {
          var checkAge = (rule, value, callback) => {
            if (!value) {
              return callback(new Error('年龄不能为空'));
            }
            setTimeout(() => {
              if (!Number.isInteger(value)) {
                callback(new Error('请输入数字值'));
              } else {
                if (value < 18) {
                  callback(new Error('必须年满18岁'));
                } else {
                  callback();
                }
              }
            }, 1000);
          };
          return {
            rules: {
              age: [
                { validator: checkAge, trigger: 'blur' }
              ]
            }
          };
        },
      }
    </script>

    还是有别的常用的写法?这些写法有什么区别呢?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部