淘淘桃的博客

可以写在组件上:在vue中使用 this.$refs.名字 拿到[组件]对象，组件属性，方法直接使用即可。可以写在普通标签：在vue中使用 this.$refs.名字 拿到dom对象，可以原生操作。# ref属性，vue提供的，写在标签上。

props: ['urls', 'myshow'] //用于接收lqz标签的属性。比如 <lqz :urls="url" :myshow="true"></lqz>1.在子组件的标签上，定义随意的属性名，属性值为父组件要传给子组件的值。2.子组件要接收父组件传来的属性。

组件的分类：全局组件：可以放在根中,可以在所有组件中使用局部组件：只能在当前组件中使用# 1 全局组件是使用Vue.component定义的，可以在全局任意组件中使用# 2 局部组件是定义在某个组件内的：components，只能用在当前组件中# 3 组件可以嵌套定义和使用。

【代码】箭头函数有参无参五种分类。

数据双向绑定---》只有input标签---》v-model 做双向数据绑定。-change：只要输入框发生变化，就会触发。-input：只要输入内容，就会触发。-blur：只要失去焦点，就会触发。# 咱们之前写的，其实都是数据的单向绑定。-click:点击事件。修改js的值，页面变了。# input标签的事件。

看到别人写v-for时，在标签上都会加一个 key 属性，目的是为了提高虚拟dom的替换效率。如果这样，name='xx' 就写死了，我们想动态的绑定变量，变量变化，属性的值也变化。# v-show:控制标签显示与否，通过样式的display: none;# 用的最多的就是点击事件，给某个标签绑定一个点击事件，当点击一下，就执行某个函数。v-for 都可以循环 -----# 数字，字符串，数组，对象。# v-if: 控制标签显示与否，直接删除或加入标签。# 重点：v-on:事件='函数名'

2 计算属性只有在它的相关依赖变量发生改变时才会重新求值，否则不会变（函数只要页面变化，就会重新运算）# 3 计算属性就像Python中的property，可以把方法/函数伪装成属性。# 1 计算属性是基于它们的依赖变量进行缓存的。# 属性如果发生变化，就会执行某个函数。# 4 计算属性，必须有返回值。