![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Li Derong
一只努力的小蜜蜂
展开
-
父子组件:使用v-model 传值的用法,以及和.sync的区别
v-model: 父组件上绑定v-model,相当于是子组件上 绑定 :value + @input事件(可以是其他事件,这里用input框来说)如下: 子组件:<input :value='valueData' @input='valueInput'></input> valueInput(e){ this.$emit('input',e.target.value) } 父组件:<Zinput v-model='userInof.nam...原创 2021-10-13 17:21:37 · 377 阅读 · 0 评论 -
美食杰-------展示评论区内容
介绍:首先我们要拿到后台数据,来渲染视图,而后写点击事件来实现路由的跳转和数据的交互,拿到数据,渲染视图,让我们来看一看效果图: 思路: 首先拿到数据,渲染视图,而后给输入框写上数据双向绑定,再给提交写上点击事件,使数据点击提交时展示在评论区 在data里面定义一个变量,让它为空,因为输入的是数字,可以写成字符串形式,写好之后,用v-model绑定这个变量在输入框,在下面的评论区写上v-for循环这个变量,再进行数据渲染。在数据挂载之前展示路由信息和视图的交互。 给提交写上一个点击事件,当事件.原创 2021-10-12 19:43:39 · 137 阅读 · 0 评论 -
VUE动画实现过程
单个元素使用内置组件transition(添加和删除的时候) 原理: 嗅探是否用了CSS过度或动画,若有,那就在恰当时机添加删除CSS类名 若transition组件提供JS钩子函数,这些钩子函数会在恰当时机调用 若没js和CSS,DOM插入和删除会立即执行 实现方法 如果没有name属性,那就是 v-enter-from 关于动画类何时删除(最好还是让时间一样) 组件之间的动画 animate.css第三方库 下载 npm install a...原创 2021-10-09 08:34:21 · 92 阅读 · 0 评论 -
Vue之updata方法
Vue 的 _update 是实例的一个私有方法,它有 2 个被调用,一个是首次渲染,一个是数据更新的时候渲染; _update 方法的作用是把 VNode 渲染成真实的 DOM; 可以看到,甚至在 web 平台上,是否是服务端渲染也会对这个方法产生影响。因为在服务端渲染中,没有真实的浏览器 DOM 环境,所以不需要把 VNode 最终转换成 DOM,因此是一个空函数,而在浏览器端渲染中,它指向了 patch 方法,它的定义在 src/platforms/w...原创 2021-10-07 19:08:37 · 3803 阅读 · 0 评论