随笔分类 -  Vue全家桶之vue

Vue在移动端App中使用的问题总结
摘要：1、客户端中弹出键盘使得fixed布局错乱 Vue 在移动端中使用，当弹出键盘时，fixed 布局的元素可能会被键盘顶起。 例子图示及解决方法参考：https://blog.csdn.net/qq_31929931/article/details/92838497 2、Vue 中使用 BScroll 阅读全文
posted @ 2019-10-30 11:31 wenxuehai 阅读(895) 评论(0) 推荐(0)
Vue的思考扩展
摘要：1、Vue是如何实现数据双向绑定的 1.1、实现双向绑定的基本原理 Vue 采用数据劫持结合发布者-订阅者模式的方式来实现数据的响应式，通过Object.defineProperty来劫持数据的setter、getter，在数据变动时发布消息给订阅者，订阅者收到消息后进行相应的处理，修改 dom 节 阅读全文
posted @ 2019-08-04 23:51 wenxuehai 阅读(228) 评论(0) 推荐(0)
Vue使用的扩展
摘要：1、事件总线（Bus）实现非父子组件通信 Vue2.0提供了Vuex进行非父子组件之间的通信，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。 实现代码示例： <div id="app"> <c1></c1> <c2></c2> </div> var Bus = new Vue(); 阅读全文
posted @ 2019-03-11 12:22 wenxuehai 阅读(2181) 评论(0) 推荐(0)
vue的使用总结（3）
摘要：1、动态组件 代码示例： component 直接绑定全局组件的组件名： <body> <div id="dynamic-component-demo" class="demo"> <button v-for="tab in tabs" v-bind:key="tab" v-bind:class=" 阅读全文
posted @ 2019-03-08 20:32 wenxuehai 阅读(827) 评论(0) 推荐(0)
Vue的使用总结（2）
摘要：1、Vue 中 class 和 style 的绑定 在 Vue 中，可以通过数据绑定来操作元素的 class 列表和内联样式，操作 class 和 style 是用 v-bind 来绑定的。在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强，表达式结果的类型除了字 阅读全文
posted @ 2019-02-27 17:00 wenxuehai 阅读(283) 评论(0) 推荐(0)
Vue的使用总结（1）
摘要：1、新建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 通过 Vue 函数新建一个 vue 应用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2019-02-26 22:54 wenxuehai 阅读(669) 评论(0) 推荐(0)

//右下角添加目录