Vue.js实战
文章平均质量分 72
ss_veine
这个作者很懒,什么都没留下…
展开
-
Vue.js实战第一章第二章笔记
1.1Vue.js是什么 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。 提供了现代Web开发中常见的高级功能,比如: (1)解耦视图与数据 (2)可复用的组件 (3)前端路由 (4)状态管理 (5)虚拟DOM 1.1.1 MVVM MVVM模式→当View(视图层)变化时,会自动更新到ViewModel(视图模型),反之亦然。 View和ViewModel之间通过双向绑定建立联系 1.1...原创 2018-12-06 17:28:22 · 553 阅读 · 2 评论 -
Vue.js实战第四章笔记
4.1了解v-bind指令 v-bind主要用法是动态更新HTML元素上的属性,当数据变化时,就会重新渲染。 4.2绑定class的几种方式 4.2.1对象语法 给v-bind设置一个对象,可以动态地切换class data:{ isActive: true } 当:class的表达式过长或逻辑复杂时,还可以绑定计算属性 data:{ isActive: true, error:null ...原创 2018-12-20 18:30:33 · 188 阅读 · 0 评论 -
Vue.js实战第五章笔记
5.1基金指令 5.1.1v-cloak 在 Vue 实例结束编译时从绑定的 HTML 元素上移除, 经常和 css 的 display:none;配合使用: {{message}} [v-cloak]{display:none} 在一般情况下, v-cloak 是一个解决初始化慢导致页面闪动的最佳实践,对于简单的项目很实 用,但是在具有工程化的项目里,比如后面进阶篇将介绍 webpack 和 ...原创 2018-12-27 19:12:21 · 364 阅读 · 1 评论 -
Vue.js实战第七章笔记(二)
7.3 组件通信 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。 7.3.1 自定义事件 当子组件需要向父组件传递数据时,就要用到自定义事件。我们在介绍指令v-on时有提到,v-on除了监听DOM事件外,还可以用于组件之间的自定义事件。 子组件用emit()来触发事件,父组件用emit()来触发事件,父组件用emit()来触发事件,父组件用on()来监听子组件的事件。 父组件也可以直接在...原创 2019-01-17 19:47:03 · 354 阅读 · 1 评论 -
Vue.js实战第八章笔记
8.1基本用法 注册一个v-focus的指令 注册组件: ①全局注册 Vue.directive('focus',{ //选项 }) ②局部注册 var app = new Vue({ el:'#app', directives:{ focus:{ //指令选项 } } }) 写法与组件基本类似,只有方法名有component改为directive。上例只是注册了自定义指...原创 2019-01-24 17:51:47 · 430 阅读 · 0 评论