随笔- 443  文章- 77  评论- 996  阅读- 105万 

随笔分类 -  Vue躬行记

Vue躬行记(9)——Vuex
摘要:Vuex是一个专为Vue.js设计的状态管理库,适用于多组件共享状态的场景。Vuex能集中式的存储和维护所有组件的状态,并提供相关规则保证状态的独立性、正确性和可预测性,这不仅让调试变得可追踪,还让代码变得更结构化且易维护。本文所使用的Vuex,其版本是3.1.1。 一、基本用法 首先需要引入Vue 阅读全文
posted @ 2019-11-20 09:30 咖啡机(K.F.J) 阅读(546) 评论(0) 推荐(1) 编辑
Vue躬行记(8)——Vue Router
摘要:虽然Vue.js未提供路由功能,但是官方推出了Vue Router(即vue-router库),以插件的形式支持。它与Vue.js深度集成,可快速的创建单页应用(Single Page Application,SPA)。 一、基本用法 首先需要引入vue和vue-router两个库,如果像下面这样全 阅读全文
posted @ 2019-11-18 09:34 咖啡机(K.F.J) 阅读(623) 评论(0) 推荐(1) 编辑
Vue躬行记(7)——渲染函数和JSX
摘要:除了可通过模板创建HTML之外,Vue还提供了渲染函数和JSX,前者的编码自由度很高,后者对于开发过React的人来说会很熟悉。注意,Vue的模板最终都会被编译成渲染函数。 一、渲染函数 虽然在大部分场景中,都会选择直观而清晰的模板,但遇到一些复杂的场景时,就不得不使用渲染函数render()了。 阅读全文
posted @ 2019-11-13 09:41 咖啡机(K.F.J) 阅读(517) 评论(0) 推荐(2) 编辑
Vue躬行记(6)——内容分发
摘要:Vue提供了一种内容分发技术,可将父组件中的内容传递给子组件的模板,实现方式参照了Web组件规范草案。 一、插槽 Vue内置了一个<slot>元素,能作为插槽(slot)存在,而插槽内可包含文本、HTML片段、组件等。以下面的btn组件为例,其模板中包含一个<slot>元素,在DOM中为btn组件添 阅读全文
posted @ 2019-11-11 09:51 咖啡机(K.F.J) 阅读(525) 评论(0) 推荐(3) 编辑
Vue躬行记(5)——组件通信
摘要:组件之间除了保持独立之外,还需要相互通信,本章将介绍几种通信的方式。 一、直接访问 Vue提供了三个实例属性,可直接访问父组件、子组件和根实例,如下所列。 (1)$parent:父组件。 (2)$root:根实例,如果没有父实例,那么读取的将是自身。 (3)$children:直接子组件,无法获取隔 阅读全文
posted @ 2019-11-04 09:36 咖啡机(K.F.J) 阅读(515) 评论(0) 推荐(1) 编辑
Vue躬行记(4)——组件
摘要:组件是可复用的Vue实例,拥有属于自己的数据、模板、脚本和样式,可避免繁重的重复性开发。由于组件都是独立的,因此其内部代码不会影响其它组件,但可以包含其它组件,并且相互之间还能通信。 一、注册 在使用组件之前,需要先将其注册,Vue提供了两种注册方式:全局注册和局部注册。 1)全局注册 通过Vue. 阅读全文
posted @ 2019-10-28 08:27 咖啡机(K.F.J) 阅读(516) 评论(0) 推荐(0) 编辑
Vue躬行记(3)——样式和表单
摘要:Vue对DOM元素的class和style两个特性做了专门的增强,即对CSS类和内联样式做了一层封装,通过v-bind指令来处理它们,而接收的表达式既可以是简单的字符串、对象或数组,也可以是复杂的计算属性。不仅如此,Vue还为表单设计了一些语法糖,让表单处理变得尤为简单。 一、CSS类 v-bind 阅读全文
posted @ 2019-10-21 08:33 咖啡机(K.F.J) 阅读(924) 评论(0) 推荐(1) 编辑
Vue躬行记(2)——指令
摘要:Vue不仅内置了各类指令,包括条件渲染、事件处理等,还能注册自定义指令。 一、条件渲染 条件渲染的指令包括v-if、v-else、v-else-if和v-show。 1)v-if 该指令的功能和条件语句中的if类似,可根据表达式的计算结果,判断是否渲染分支中的元素和它所包含的子元素。在下面的示例中, 阅读全文
posted @ 2019-10-14 09:55 咖啡机(K.F.J) 阅读(619) 评论(0) 推荐(2) 编辑
Vue躬行记(1)——数据绑定
摘要:Vue.js的核心是通过基于HTML的模板语法声明式地将数据绑定到DOM结构中,即通过模板将数据显示在页面上,如下所示。 其中<div>元素的内容是一个模板的插值,vm是一个Vue实例。 一、实例 如果要使用Vue的功能,那么需要通过Vue()构造函数创建一个Vue实例,而Vue实例相当于MVVM模 阅读全文
posted @ 2019-10-09 08:18 咖啡机(K.F.J) 阅读(847) 评论(0) 推荐(4) 编辑

点击右上角即可分享
微信分享提示