CCC0203的博客

如果在最开始的时候，更新 attribute value 的值，property 的值也会随之改变但是更新 property value 的值（在文本框输入或给 input.value 赋新值 ），attribute 的值不会随之改变，而且此时再更新 attribute 的值，property 的值也不再随之改变这其实是脏值标记（dirty value flag）在起作用，dirty value flag 的初始值为 false，即 attribute value 的更新默认会改变对应的 propert

keep-alive是一个抽象组件，它自身不会渲染一个DOM元素，也不会出现在父组件链中。使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive用于保存组件的渲染状态。...

@supports (-webkit-mask: none) and (not (cater-color: $cursor)) { .login-container .el-input input { color: $cursor; }}上边这段代码主要是解决光标颜色和文字颜色一致caret-color属性可以改变输入框插入光标的颜色，同时又不改变输入框里面的内容的颜色。input { color: #333; caret-color: red;}光标颜色变成红

子组件（名为child）的某个method（如点击触发的事件 等）：childMethod() { this.$emit('child-method', this.data1)}其中child-method为自定义字符，this.data1为想传的值父组件：<child @child-method="parentMethod" />当子组件中的childMethod方法被调用时，this.$emit()使得父组件中的@child-method被调用，parentMethod接

Vue提供了一个调用dom的属性，ref。基本用法，本页面获取dom元素绑定在dom元素上时，用起来与id差不多，通过this.$refs来调用：<div ref="test">test</div>console.log(this.$refs.test)输出：看到打印出来就是绑定的dom对象，可以用来执行一些dom操作，比如操作样式，获取属性等：let testDom = this.$refs.testtestDom.style.height = '200px'

v-bind用于绑定html属性。<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"></a>v-on 用于绑定html事件。<!-- 完整语法 --><a v-on:click="doSomething"></a><!-- 缩写 --><a @click="doSomething"&gt

可正常显示：<img src="@/imgs/recommend-1.png" />当使用v-for动态获取路径时不能显示图片。（在此使用了vant）<van-swipe-item v-for="(item, index) in recommends" :key="index"> <img :src="item.img" /></van-swipe-item>data() { return { recommends: [