weite122 | 涂涂的博客

Vue学习笔记（十）之父子组件通信

单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器......

Posted by weite122 on 2018-08-29

vue

Vue学习笔记（九）之组件中使用的细节点

解析 DOM 模板时的注意事项有些 HTML 元素，诸如 <ul>、<ol>、<table> 和 <select>，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 <li>、<tr> 和 <option>，只能出现在其它某些特定的元素内部。我们可以通过is特性解决这个问题。效果代码：12......

Posted by weite122 on 2018-08-27

vue

Vue学习笔记（八）之列表渲染

用 v-for 把一个数组对应为一组元素我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。效果代码: 1234567891011121314151617181920212223242526272829303132<!DOCTYP......

Posted by weite122 on 2018-08-26

vue

Vue学习笔记（七）之条件渲染

条件渲染 v-if和v-show 效果代码： 123456789101112131415161718192021222324<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue的条件渲染</title> ......

Posted by weite122 on 2018-08-25

vue

Vue学习笔记（六）之Vue中的样式绑定

Vue中的样式绑定对象语法效果代码： 12345678910111213141516171819202122232425262728293031323334<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue中的样式绑定&......

Posted by weite122 on 2018-08-24

vue

Vue学习笔记（五）之Vue的计算属性，方法和侦听器

Vue的计算属性，方法和侦听器。计算属性效果代码： 123456789101112131415161718192021222324252627282930313233343536<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta......

Posted by weite122 on 2018-08-23

vue

Vue学习笔记（四）之Vue的生命周期函数

Vue生命周期函数。学习代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960<!DOCTYPE html><html><head> <script src="h......

Posted by weite122 on 2018-08-22

vue

Vue学习笔记（三）之Vue组件化和父子通信

本次博客介绍的是vue的组件化思想和父子组件通信，并且将沿用上次todolist例子进行阐述。首先，引入一个全局组件，代替之前的li标签效果代码： 1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html><head> ......

Posted by weite122 on 2018-08-21

vue

Vue学习笔记（二）

这次通过一个todolist的例子来进一步学习vue。首先，我们做把列表样式做出来：基本样式代码： 1234567891011121314151617181920212223242526<!DOCTYPE html><html><head><script src="http://vuejs.org/js/vue.js"......

Posted by weite122 on 2018-08-20

vue

vue学习笔记（一）

Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。创建一个hello world 用原生j......

Posted by weite122 on 2018-08-19

vue

Tutu Blog