.... 这个 prop 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 prop 数据来使用。 在这种情况下，最好定义一个本地的 data 属性并将这个 prop 用作其初始值 这个 prop 以一种原始的值传入且需要进行转换。 在这种情况下，最好使用这个 pro…

组件实例的作用域是孤立的，但组件间的联系和交互不可避免。当组件间进行数据交互时，组件通信必不可少。 父子组件间通信（父传子，子传父），非父子组件通信。 step1：父组件用prop自定义属性传递属性，prop有字面量语法和动态语法。字面量只能将数据按字符串的形式传递；动态语法类…

nuxt是基于vue的ssr解决方案，可以是使用vue语法完成前后端的同构。 在高并发的情况下可以考虑使用缓存，而缓存策略的使用需要视场景而定，这里不再赘述，还可以考虑使用pm2开启集群模式去管理我们的进程，从而满足更高的并发。

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

只需要把它插入到网站的每个页面之中，用户每次访问页面就会执行脚本，并获取一个 js 文件，继而发送请求进行必要的数据收集工作。 每一次进入新的页面都将产生上图所示的 4 个 http 请求，分别代表从上个页面的离开，在新页面加载统计代码，代码加载后执行并发送当前页面的统计信息。…

vue-awesome-swiper具有一个内置directive的客户端渲染Swiper。directive最大的好处是HTML仍可以在服务器端渲染网页并输出，以便搜索引擎可以正确捕获目标内容。 1. 在vue中正常使用 2. 在Nuxt中使用 2-1. 安装 2-2. pl…

这样写代码里充斥着 try/catch，有代码洁癖的你能忍受的了吗？这时可能会想到只用一个 try/catch。 在上面写法中，如果 fetchData 返回 resolve 正确结果时，data 是我们要的结果，如果是 reject 了，发生错误了，那么 data 是错误结果…

具体效果点击这里查看： 家盟家政 下面直接看代码：（不清楚的看对应注释） vue实例： 大家可以直接手机端打开，本宣传页做了媒体响应，会根据窗口变化而自动适应各种尺寸屏幕！

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…