- 博客(5)
- 收藏
- 关注
原创 Vue3.0
import { toRefs } from 'vue' setup(props) { const { title } = toRefs(props) console.log(title.value) } setup()函数只执行一次,props为组件传参绑定的属性,props是响应性的值。如果使用 ES6 对其进行结构会破坏响应性结构,可以使用 toRefs 函数在 setup() 中操作 ** # 1. Vue3.0与Vue2.0的区别 Vue2.0使用的Virtual Dom实现的渲染
2021-06-21 11:01:04 79
原创 vue2与vue3区别
import { toRefs } from 'vue' setup(props) { const { title } = toRefs(props) console.log(title.value) } setup()函数只执行一次,props为组件传参绑定的属性,props是响应性的值。如果使用 ES6 对其进行结构会破坏响应性结构,可以使用 toRefs 函数在 setup() 中操作 ** # 1. Vue3.0与Vue2.0的区别 Vue2.0使用的Virtual Dom实现的渲染
2021-06-21 10:33:59 112 1
原创 vue登录获取验证码
<el-form-item label="验证码" prop="imgcode"> <el-input type="password" v-model="ruleForm.imgcode" autocomplete="off" ></el-input> </el-form-item> <el-form-item prop="imgcode"
2021-05-08 11:16:47 1010
原创 vue一级路由
```javascript const routes = [ { path: '/', name: 'Home', meta:{ isLogin:true // 添加该字段,表示进入这个路由是需要登录的 },//路由元 redirect:"/home/quotation", children:[ { path: '/home/quotation', name: 'quotation', .
2021-04-25 18:32:40 321
原创 vue路由守卫
router.beforeEach((to,from,next)=>{ if(to.matched.some(res=>res.meta.isLogin)){//判断是否需要登录 if (localStorage['auth']) { next(); }else{ next({ path:"/login", }); } }else{ next()
2021-04-22 20:02:08 65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人