vue snippet

vue.json

{
  "vue-components": {
    "prefix": "vue-components",
    "body": [
      "<template>\r",
      "\r",
      "</template>\r",
      "<script>\r",
      "export default {\r",
      "    name: '$1',\r",
      "    data() {\r",
      "        return {\r",
      "        };\r",
      "    },\r",
      "    methods: {},\r",
      "    watch: {},\r",
      "    computed: {},\r",
      "    \r",
      "    mounted() {\r",
      "\r",
      "    },\r",
      "    created() {\r",
      "\r",
      "    },\r",
      "    \r",
      "    components: {\r",
      "\r",
      "    }\r",
      "};\r",
      "</script>\r",
      "\r",
      "<style lang=\"scss\">\r",
      "\r",
      "</style>"
    ],
    "description": "vue-components"
  },
  "validator": {
    "prefix": "validator",
    "body": [
      "      new Validator()",
      "      .test({",
      "        data: self.firstContactPhone,",
      "        rule: 'mobile',",
      "        fail() { Toast('请输入正确的手机号码'); }",
      "      })",
      "      .done(async () => {",
      "",
      "      });"
    ],
    "description": "validator"
  },
  "import toast": {
    "prefix": "import toast",
    "body": [
      "import Toast from '@/lib/Toast';"
    ],
    "description": "import toast"
  },
  "import validator": {
    "prefix": "import validator",
    "body": [
      "import { Validator } from '@/lib/Validator';"
    ],
    "description": "import validator"
  },
  "vue-file": {
    "prefix": "vue-file",
    "body": [
      "<template>\r",
      "  <div>$1</div>\r",
      "</template>\r",
      "<script>\r",
      "import { setTitle, setBackButton } from '@/lib/Util';\r",
      "\r",
      "export default {\r",
      "  name: '$1',\r",
      "  data() {\r",
      "    return {\r",
      "    };\r",
      "  },\r",
      "  methods: {},\r",
      "  watch: {},\r",
      "  computed: {},\r",
      "  mounted() {},\r",
      "  created() {\r",
      "    setTitle('$2');\r",
      "    setBackButton(() => history.back());\r",
      "  },\r",
      "  components: {}\r",
      "};\r",
      "</script>\r",
      "\r",
      "<style lang=\"scss\" scoped>\r",
      "\r",
      "</style>"
    ],
    "description": "vue-file"
  }
}