Kris1995的博客

MVVM简介 背景分析 早期的前端开发，将页面构成分为三个部分 html用于定义网页结构，呈现网页内容 css为页面元素添加相关样式 js为页面添加交互行为 在这种结构下，HTML和CSS不支持变量、分支、循环等程序结构，任何变动都需要依赖JS来实现。这就导致JS中存在大量重复的步骤和编码。 MVVM设计概述 MVVM是一种设计思想，对早期的前端开发结构做了增强，将前端代码按其职责不同分成了三部分： 界面（View）：由html+css构成，并允许在html,css中直接使用变量，表达式，语句等。 模

在项目中发送请求的时候，有时候会报一个错误：400BadRequest 同一个项目中同样的发送请求方式，为啥这个接口会出错呢？ 后来经过用postman 、与后台对接以及根据之前请求成功的接口数据进行对比，发现这个接口的传输数据中有数组存在。 那么引入qs试试 请求成功了，但是，为什么要引入qs呢？？qs的作用是什么呢？ 简单来说：qs是查询字符串解析和将对象序列化的库；而在请求的时候，当我们的data中有数组的时候，是需要序列化才能与后台进行通讯的。 例 qs在vue项目中的使用： n.

1.什么是render函数？ 1）vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。 2）render函数中的createElement方法有三个参数。第一个参数为外层标签名，第二个为外层标签的属性对象，第三个为外层标签中的内容 2.举个栗子（来自vue官方文档） 代码说明： ...

1.vue组件示例 1）html 2）js 一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用 注： 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝： data: function () { return { count: 0 } }   2.组件注册 为了能在模...

1. $emit 方法并传入事件的名字，来向父级组件触发一个事件 2.使用事件抛出一个值 有的时候用一个事件来抛出一个特定的值是非常有用的。例如我们可能想让 <blog-post>组件决定它的文本要放大多少。这时可以使用 $emit 的第二个参数来提供这个值： <button v-on:click="$emit('enlarge-text', 0.1)"&...

1.全局注册 到目前为止，我们只用过 Vue.component 来创建组件： Vue.component('my-component-name', {  // ... 选项 ... }) 这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。比如： Vue.component('component...