VUE易疏漏的知识点

lily_wang 发布于2019-08-21 17:12 / 2033人阅读

摘要：知识点修饰符在文档中，我们能看到这样的讲解中记录的是组件的逻辑，应该减少层操作。过渡模式过渡模式有效防止了的节点的拥挤行为笑利用的函数，我们可以轻松实现类似更新回调函数等效果。

知识点：

修饰符

在文档中，我们能看到这样的讲解：VUE methods 中记录的是组件的逻辑，应该减少DOM层操作。那么，将 preventDefault、stopPropagation 等函数移植到 HTML 层面上来其实也是好处多多的，除了减轻 methods 本身的逻辑之外，也方便了交互逻辑的维护。
——

计算属性的setter

我们经常在 HTML 层去使用VUE的计算属性，但是这样并没有100%利用计算属性的对吧。
——

:style

除了绑定的样式能在计算属性中调用修改之外，使用 CSS MODUAL 后能在JS中直接调用 Styles。
——

![template 与 v-if、v-show
![Uploading 20171017_172248_941172.png . . .]
](http://upload-images.jianshu....

template 与 v-if、v-show

利用template给一整个组设定 v-if，的确是一个保养键盘的好方法。
——

v-if 与 v-for

一开始以为谁写在前面就谁优先级高的举手 TOT
——

VUE 对象更新

我常使用 setTimeout(()=>{}, 0) 错开 VUE 对对象更新一些莫名奇妙的错误（求讲解）
——

v-for 快速循环

一开始使用 v-for = "i in [1,2,3]".... 看到这里，简直想哭。
——

VUE 父子组件通信

如果 props 传递的是对象的话，其实在子组件是可以修改的，只是VUE会发出警告，子组件应该尽量不要显式地修改父组件的传值。如图，标准的VUE父子组件通信逻辑：prop 向下传递，emit 向上传递
——

绑定原生事件

根据文档，VUE父组件在监听子组件的 click 事件时，需要添加 native 修饰符。但实际上，我们可以根据VUE父子组件通信原则改写逻辑，直接监听 click
——

.sync

VUE 2.3.0之后，.native 变成了一个语法糖，使得我们可以直接在组件内部，利用 emit 去更新相应数值。
——

——

过渡模式

过渡模式有效防止了DOM的节点的拥挤行为/笑

nextTick

利用VUE的 nextTick 函数，我们可以轻松实现类似 DOM 更新回调函数等效果。
——

接下来是一些语法规范：

GPU云服务器云服务器疏漏 vue的计算属性 python的知识点 html的基本知识点

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89257.html

【Vue原理】Vue源码阅读总结大会 - 序

摘要：扎实基础幸好自己之前花了大力气去给自己打基础，让自己现在的基础还算不错。写文章不容易，点个赞呗兄弟专注 Vue 源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于 Vue版本【2.5.17】如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Vue源码阅读总结大会 - 序阅读源码是需...

Edison 2019-08-23 18:18 评论0 收藏0
2019年7-8月份前端面试题

摘要：站点接收到请求后，对请求进行验证，并确认是受害者的凭证，误以为是无辜的受害者发送的请求。函数内部语句返回的值，会成为方法回调函数的参数。记录我最近面试缺漏的知识点 css 1.bootstrap如何实现手机PC端自适应媒体查询 2.flex布局父容器：（记得常用属性） display:flex flex-direction： row | row-reverse | column ...

shevy 2019-08-26 14:05 评论0 收藏0
vue项目实战(第二回)

摘要：项目完整地址系列文章一系列文章二项目中路由的配置路由这一块儿一直是我比较头疼的问题，在做项目的时候由于页面过多，在做路由配置及跳转的时候导致出现了问题，及时当时已经解决了，还是有点儿稀里糊涂，现在开始做项目，我想趁着这个机会好好把路由捋一捋项目完整地址：系列文章一：https://segmentfault.com/a/11... 系列文章二：https://segmentfau...

kidsamong 2019-08-21 18:23 评论0 收藏0
laravel + vue.js 的前后端分离项目，一个分享原创诗文的网站

摘要：一个前后端分离的的项目，网站主旨是分享原创诗文诗词小筑。前台页面是由编写的，后端提供接口。而后台管理页面是由的模板与共同完成。因此我将它们放在两个仓库里。由于很多地方都是自己的，所以网站设计的有些粗糙。配置邮件发送信息，采用。 About 一个前后端分离的 laravel5.4 + vue2 的项目，网站主旨是分享原创诗文--诗词小筑。前台页面是由vue2编写的，后端提供api接口。而...

sixgo 2019-06-27 17:10 评论0 收藏0
laravel + vue.js 的前后端分离项目，一个分享原创诗文的网站

摘要：一个前后端分离的的项目，网站主旨是分享原创诗文诗词小筑。前台页面是由编写的，后端提供接口。而后台管理页面是由的模板与共同完成。因此我将它们放在两个仓库里。由于很多地方都是自己的，所以网站设计的有些粗糙。配置邮件发送信息，采用。 About 一个前后端分离的 laravel5.4 + vue2 的项目，网站主旨是分享原创诗文--诗词小筑。前台页面是由vue2编写的，后端提供api接口。而...

Cheng_Gang 2019-08-20 18:26 评论0 收藏0