随笔分类 -  前端框架vue

vue-父组件向子组件传值
摘要：一、父组件向子组件传值 其实该问题是说子组件如何访问父组件的属性和方法？那么根据对组件化的理解，无非就是要解决两个问题： 1、父组件如何将值传给子组件？ 2、子组件如何获取父组件传递过来的值？ 解读vue示例代码： 1、父组件向子组件传值是通过“属性绑定”的形式实现的（第2行） 2、子组件默认是无法 阅读全文
posted @ 2020-02-05 18:22 wangyfax 阅读(3290) 评论(0) 推荐(0)
vue 组件的定义
摘要：1、什么是组件？ 组件的出现，就是为了拆分vue实例的代码量的，能够让我们以不同的组件来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。 2、组件化和模块化的不同？ 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块的职能单一。 组件化：是从UI界面的 阅读全文
posted @ 2018-12-10 21:38 wangyfax 阅读(631) 评论(0) 推荐(0)
vue vue-resource的特点
摘要：1、vue-resource 实现 get, post, jsonp请求。 2、JSONP的是实现原理： 由于浏览器的安全性限制，不允许AJAX访问 协议不同、域名不同、端口不同的数据接口，浏览器认为这种访问不安全。 可以通过动态创建script标签的形式，把script标签的src属性指向数据接口 阅读全文
posted @ 2018-12-06 19:27 wangyfax 阅读(380) 评论(0) 推荐(0)
vue v-if 和 v-show 的知识点
摘要：1、v-if 的特点： 实现方式：根据后面数据的真假判断是否重新删除或创建元素。 性能消耗：有较高的切换性能消耗。 编译过程：v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件。 2、v-show的特点： 实现方式：每次不会重新进行DOM的删除和创建操作，只是 阅读全文
posted @ 2018-12-06 12:55 wangyfax 阅读(654) 评论(0) 推荐(0)
vue v-for循环的用法
摘要：1、v-for循环普通数组 ①创建vue对象 ② 循环数据 结果： 2、v-for循环对象数组 ① 创建vue实例对象 ② 循环对象数组 结果： 3、v-for循环对象 ①创建vue对象实例 ②循环对象 结果： 4、v-for循环数字 ①创建vue对象实例 ②循环数字 结果： 5、v-for中key 阅读全文
posted @ 2018-12-06 11:43 wangyfax 阅读(449925) 评论(2) 推荐(14)
vue样式控制的方式
摘要：创建vue对象： 1、样式控制第一种方式： 直接传递一个数组，注意： 这里的 class 需要使用 v-bind 做数据绑定。 2、样式控制第二种方式： 在数组中使用三元表达式 3、样式控制第三种方式： 在数组中使用 对象来代替三元表达式，提高代码的可读性 4、样式控制的第四种方式： 在为 clas 阅读全文
posted @ 2018-12-05 20:13 wangyfax 阅读(2585) 评论(0) 推荐(0)
vue 事件修饰符
摘要：1、用.stop来阻止冒泡(点击click按钮之后，先执行clickBtn2方法，然后执行clickBtn1方法，.stop命令阻止了clickBtn1方法的执行) 2、使用.prevent命令来阻止默认事件 3、使用.capture实现捕获触发事件的机制，即执行完clickBtn3执行clickB 阅读全文
posted @ 2018-12-05 19:31 wangyfax 阅读(162) 评论(0) 推荐(0)
vue基础5-生命周期
摘要：1、vue实例的生命周期 1.1、什么是生命周期？ --从Vue实例创建、运行、销毁期间，总是伴随着各式各样的事件，这些事件，统称为生命周期！ 1.2、生命周期钩子：就是生命周期事件的别名而已； 1.3、生命周期钩子 = 生命周期函数 = 生命周期事件 1.4、主要的生命周期分类： 1.4.1、创建 阅读全文
posted @ 2018-11-11 16:18 wangyfax 阅读(218) 评论(0) 推荐(0)
vue基础4-数据绑定
摘要：1、v-bind 只能实现数据额单向绑定，从M到V，无法实现数据的双向绑定 改变页面输入框的值，打印数据并未改变。 2、v-model 可以实现数据的双向绑定，从M到V、V到M。 注意：v-model只能用于表单元素中（input、select、checkbox、textarea） JS: 阅读全文
posted @ 2018-10-31 13:14 wangyfax 阅读(126) 评论(0) 推荐(0)
vue v-cloak知识点
摘要：1、使用 v-cloak 属性可以解决插值表达式闪烁问题; 2、v-text默认是没有闪烁的问题，同时会覆盖元素中原本的内容，但是v-cloak只会替换 自己的这个占位符，不会替换所有的字符 3、v-html属性会将msg2以指定的样式输出。 4、v-bind是vue中提供绑定属性的指令。它会把双引 阅读全文
posted @ 2018-10-30 10:59 wangyfax 阅读(190) 评论(0) 推荐(0)
什么是vue
摘要：1. 什么是vue.js？ 1.1、vue.js是目前最火的一个前端框架，和Angular.js、React.js并称为前端三大主流框架。 1.2、Vue.js是有一套构建用户界面的框架，只关注视图层，它有配套的第三方类库，可以整合做大型项目。2、为什么要学习流行框架？ 2.1、提高开发效率。 2. 阅读全文
posted @ 2018-10-28 22:50 wangyfax 阅读(641) 评论(0) 推荐(0)