Yibo98145

我们初始化一个组件，通常是用到外部传进来的数据，比如我的Note.vue中的输入框的默认值，如果由外部的Money.vue组件传进来，同时Money.vue组件还控制着类似于Notes.vue的多个组件的初始化。 .sync修饰符会自动监听update:xxx事件，然后更新到外…

JavaScript 中好像有断言工具函数，叫 console.assert(参数1，参数2)。 参数2：是不满足断言条件时，打印出来的提示信息。 2. 写一个assert 1. karma库，自动化 2. chai库，具体assert 3. mocha库，作用域隔离，BDD描…

假设你有三个子组件，每个子组件里面有一个「有状态的」子组件。 1. 两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。 2. 同一层级的一组节点，他们可以通过唯一的id进行区分。 当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程默认情况下也…

声明变量的时候，变量名前面要加两根连词线（--）。 上面代码中，body选择器里面声明了两个变量：--foo和--bar。 它们与color、font-size等正式属性没有什么不同，只是没有默认含义。所以 CSS 变量（CSS variable）又叫做"CSS 自定义属性"（…

输出结果为一个greeter.js文件，它包含了和输入文件中相同的JavsScript代码。 1. 布尔值 2. 数字 3. 字符串 有两种方式可以定义数组。 第一种，可以在元素类型后面接上[]，表示由此类型元素组成的一个数组，第二种方式是使用数组泛型，Array<元素类型>，…

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。 1. sass使用$符号…

SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。 SVG 文件可以直接插入网页，成…

你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一…

我们讨论多个组件的过渡，对于原生标签可以使用 v-if/v-else。 当有相同标签名的元素切换时，需要通过 key attribute 设置唯一的值来标记以让 Vue 区分它们，否则 Vue 为了效率只会替换相同标签内部的内容。即使在技术上没有必要，给在<transition…