1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。 搜索引擎优化（Searchengineoptimization，简称seo），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了...

为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~ 表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字） 填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的.laz...

传入的值想作为局部变量来使用,直接使用会 报错。错误是说的避免直接修改父组件传入的值,因为会改变父组件的值资源搜索网站大全https://55wd.com广州品牌设计公司http://www.maiqicn.com解决方案：可以在data中重新定义一个变量,改变指向,但是也只是针对简单数据类型,因为复杂数据类...

说到v-model，就想到了双向数据绑定，而且往往最常见的是在表单元素<input>,<textarea>,<select>中的使用。那么为什么v-model双向数据绑定，自动更新元素呢？v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：text和textarea元...

在事件中绑定this并传参：<inputtype="button"value="在事件中绑定this并传参"onClick={this.handleMsg1.bind(this,'','')}/>//在事件中绑定this并传参handleMsg1(arg1,arg2){console.log(this);/...

首先来思考一个问题：是否有一种方法可以从子组件填充父组件的插槽？最近一位同事问我这个问题，答案很简单：可以的。但我的解决方案可能和你想的完全不一样，这是涉及一个棘手的vue架构问题，但也是一个非常有趣的问题。 在我们的应用程序中，我们有一个顶部栏，其中包含不同的按钮、搜索栏和其他一些控件。根据每个人所在的页面...

主流埋点方案目前主流的埋点方案包括代码埋点可视化埋点无埋点 在需要埋点的节点调用接口，携带数据上传。如百度统计等； 缺点工作量较大，每一个组件的埋点都需要添加相应的代码，入侵业务代码，增加项目复杂度。 通过可视化交互的手段，代替代码埋点。将业务代码和埋点代码分离，提供一个可视化交互的页面，...

如果你写过vue，对v-bind这个指令一定不陌生。下面我将从源码层面去带大家剖析一下v-bind背后的原理。会从以下几个方面去探索：v-bind关键源码分析v-bind化的属性统一存储在哪里：attrsMap与attrsList绑定属性获取函数 getBindingAttr和属性操作函数 getA...

如果你试图创建一个没有根结点的 vue template，像这样：<template><div>Node1</div><div>Node2</div></template>不出意外的话你会得到一个编译错误或者运行时错误，因为te...

从Anjular转换到微信小程序，从功能丰富，便捷操作的WebStorm转换到十分难用，不是很人性的微信开发者工具，一开始真的特别不适应，也许是心理作用吧，从一开始就觉得它不好用，后来也是写不下去，后来调整心态，说试试看吧，后来就是越写越顺手，感觉也挺好的，初次接触小程序也是摸着石头过河，要啥就搜啥，期间要用到页面跳转...

前端开发框架从最开始的jquery时代，到后来backbone，angular1，再到现在vue和react两分天下，也才用了不到十年的光景。最开始jquery是为了解决浏览器兼容性的问题而火起来的，准确的说它只是一个库，而不能成为框架。但随着前端页面的复杂度的增加，渐渐数据驱动和mv*的思想开始形成，有了backbo...

当我们使用 vue 在愉快的开发项目的时候，突然报了一个错误：thisisundefined别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。一个可能的原因是混淆了常规函数和箭头函数的用法，如果你遇到这个问题，我猜你用的是箭头函数。如果用常规函数替换箭头函数，它...

随着 vuejs 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。 在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测。这是很有必要的，这样vue就可以跟踪组件状态，并对不同的元素有一...

前言前段时间学习了关于vue中响应式数据的原理，（并作了学习笔记vue响应式原理），其实是通过Object.defineProperty控制getter和setter，并利用观察者模式完成的响应式设计。那么数组有一系列的操作方法，这些方法并不会触发数组的getter和setter方法。那么vue中针对数组的响应式设计是...

vue.use我们使用的第三方 vue.js 插件。如果插件是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。install方法调用时，会将Vue作为参数传入。该方法需要在调用newVue()之前被调用。我们在使用插件或者第三方组件库的时候用到Vue.use这...