Vue 2.0学习笔记:v-text和v-html

Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,在应用状态改变时,Vue能够智能地计算出重新渲染伟德1946手机版的最小代价并应用到DOM操作上。如果你熟悉虚拟DOM并且偏爱JavaScript的原始力量,你也可以不用模板,直接写渲染函数render,使用可选的JSX语法。

Vue 2.0学习笔记:v-for

上一节,我们学习了在Vue中如何通过v-ifv-show根据条件渲染所需要的DOM元素或者模板。在实际的项目中,我们很多时候会碰到将JSON数据中的数组或对象渲染出列表之类的元素。在Vue中,提供了一个v-for的指令,可以渲染列表

Vue 2.0学习笔记:v-if 和 v-show

在Vue中,我们可以使用v-ifv-show来控制元素或模板的渲染。而v-ifv-show也属于Vue的内部常用的指令。这里所说的指令就是directive,指特殊的带有前缀v-的命令,指令的值限定为绑定表达式,指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。Vue中的内部指令有很多种,今天我们先学习其中的v-ifv-show两个指令。这两都也就是大家常说的条件渲染

Vue 2.0学习笔记:Vue的运行环境

最近开始在恶补Web伟德19463331的相关技术栈。除了React之外还有Vue。学习的过程都是痛苦的,感觉自己被掏空了。除了基础不扎实之外,很多东西都得学。为了不会那么容易忘记学习的相关知识,通过博客,把自己的学习过程记录一来。好记性不如烂笔头。

CSS :focus-within

CSS的世界真是一个神奇的世界。可能众多伟德19463331开发者听说过:focus并未听说过:focus-within。那么:focus-within是什么鬼。这篇文章,我们就说说:focus-within这个东东。在CSS中:focus-within是一个伪类,现在已经被列入到CSS选择器中(CSS Level 4 selector)。他就像你知道的:focus或者:hover:focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时,:focus-within伪类的元素就会有效。

Vue: 动画

这是 JavaScript 框架 Vue.js 五篇伟德1946网页版的第五部分。在这个系列的最后一部分,我们将学习动画(如果你了解我,你知道这一章迟早会来)。这个系列伟德1946网页版并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途。内置的 <transition><transition-group> 伟德1946手机版同时支持 CSS 和 JS 钩子。如果你熟悉 React , transition 伟德1946手机版的概念对你并不陌生,因为在生命周期钩子中,它与 ReactCSSTransitionGroup 类似,但也有显著的差异 ,这让书呆子的我很兴奋。

Vuex

这是关于 JavaScript 框架 Vue.js 五个伟德1946网页版的第四部分。在这一部分,我们会学习使用 Vuex 进行状态管理。这个系列伟德1946网页版并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途。如果你错过了关于伟德1946手机版及 Vue-cli 的部分,在阅读本篇文章之前应该先读读这几部分。现在我们已经了解了关于伟德1946手机版、传递状态和 props 的基本知识,接下来讨论一下 Vuex,它是状态管理的好工具。之前,我们是从顶层伟德1946手机版向下传递状态,而同胞伟德1946手机版之间并没有分享数据。如果它们需要相互通信,我们要在应用程序中推送状态。这是可以的!但是一旦你的程序变得复杂,这种方法就没有意义了。如果你之前用过 Redux,那 Vuex 中所有的概念及实现对你也不陌生。Vuex 是 Vue 中的 Redux。实际上,Redux 也可以用于 Vue,但是,使用专门为 Vue 设计的工具 Vuex 更加有利。

Vue:Vue-cli,生命周期钩子

这是 JavaScript 框架 Vue.js 五篇伟德1946网页版的第三部分。在这一部分,我们将学习 Vue-cli ,还会涉及真实的开发流程。这个系列伟德1946网页版并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途。

Vue:伟德1946手机版,Props,Slots

这是关于 JavaScript 框架 Vue.js 五个伟德1946网页版的第二部分。在这一部分,我们将学习伟德1946手机版,Props 以及 Slots。这个系列伟德1946网页版并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途。

Vue:渲染、指令和事件

如果要我用一句话描述使用 Vue 的经历,我可能会说“它如此合乎常理”或者“它提供给我需要的工具,而且没有妨碍我的工作”。每当学习 Vue 的时候,我都很高兴,因为很有意义,而且很优雅。以上是我对 Vue 的介绍。在我第一次学习 Vue 的时候,我就想要这样的文章。如果你倾向于无党派的方法,请查阅 Vue 简单易懂的 用户指南

页面

返回顶部