![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
学而不化,非学也。
天下事以难而废者十之一,以惰而废者十之九。
展开
-
vue 3.0 + TS form 表单封装
input 封装// components/ValidateInput.vue<template> <div class="validate-input-container pb-3"> <input v-if="tag !== 'textarea'" class="form-control" :class="{'is-invalid': inputRef.error}" @blur="validateInput"原创 2020-11-17 16:26:55 · 1742 阅读 · 0 评论 -
vue3.0 v-model自定义组件实现,回顾vue2.x v-model
vue2.xv-model 语法糖model:默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。默认状态下model: { prop: 'value', event: 'change'}vue3.0v-model 语法糖<my-component v-model="fool"原创 2020-11-12 23:38:13 · 1078 阅读 · 0 评论 -
vue3.0 使用 vue-router以及vueX的简单使用
首先通过vue-cli搭建, vue-cli 版本大于4.0vue create [项目名称]选择 vue3 版本vue3.0的setup函数Lsetup 函数执行时期在beforeCreate 之后、created 之前执行需要非常注意的是在vue3.0的setup 函数中是无法访问到this的页面渲染数据,以及页面的一些函数事件都需要通过return出去,基本结构如下<script>import { reactive, toRefs } from ".原创 2020-11-11 09:59:04 · 3223 阅读 · 1 评论