Gloria的博客

v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定。

构建vue3项目使用vue-cli3脚手架构建

**改变this指向**this的指向情景分析改变this的指向apply()方法call()方法bind方法new关键字apply和call的使用场景区别this的指向在普通函数中，this指向window在构造函数中，this指向创建的对象在方法声明中，this指向调用者在定时器中， this指向window在事件中，this 指向事件源（this 指向了触发事件的 DOM 元素本身）全局环境下，this就代表window对象，在 setTimeout 或 setInterval 这样的

拆解URL方法一/** * 1. 实现一个函数，可以对 url 中的 query 部分做拆解， * 返回一个 key - value 形式的 object */function getQueryObj(url) { var first = url.split('?')[1].split('#')[0].split('&'); var res = {}; for (let i = 0; i < first.length; i++) { if (!first[i]

**FormData数据格式**介绍实现方法1实现方法2安装使用总结介绍由于后端接口请求对格式有要求，一些情况需要用到FormData的格式。实现方法1 var params = new FormData(); params.append('item_link',encodeURIComponent(this.link)); params.append('type', 1 ); ax...

组件是 vue.js 强大的功能，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。通过props、$ref， $emit，provide和inject，vuex，eventBus，以及 $attrs/ $listeners 来实现的。

**Jsonp的使用**基础使用jsonp的原因axiosjsonp 的安装jsonp的使用jsonp(url, opts, fn)总结基础JSONP的基本思想是，网页通过添加一个当通过使用jsonp的原因在使用VUE的前端框架的时候，请求数据使用axios的情况下，axios不支持jsonp请求，这种情况下可以使用ajax请求，不过一般在vue中不使用jquery，所以采用jsonp来实现...

**vue 控制文本展开收起**简单原理效果展示代码结构dom 结构css部分遍历数据添加点击事件总结简单原理在vue中不改变dom结构的情况下，实现简单的文本展开收起操作。遍历列表中文本是否超过固定高度，超过高度，则对文字进行折叠，显示“展开”按钮。点击展开按钮，显示全部文本，并展示“收起”按钮。展开和收起按钮实现相应功能。效果展示遍历数据，判断是否展示按钮点击展开按钮，...