Vue绑定事件,双向数据绑定
绝对定位,绝对定位的效果,解决问题
- position: absolute;
v-if和v-show的区别
- v-show严格意义来说其实是条件隐藏,直接在页面初始化的时候将DOM(对象模型)元素也初始化,因为它就是将它所在的元素添加一个display属性为none,如果条件符合就显示。
- v-if严格意义来说就是条件判断,符合就加载DOM(对象模型)元素,不符合就不显示。
- v-if每切换一次就要重新走一次生命周期,比如说重新构建内部事件和函数,而v-show则就是页面初始时走一遍生命周期,将其加载完毕,其他时候则都不会走相关的周期了。
- v-if有更高的切换性能,比如说需要判断多个条件时,就使用if。
- 如果需要频繁的切换,选择v-show,因为show是动态的改变样式,不需要增删DOM(对象模型)元素,大项目推荐使用show,能极大减少浏览器后期的操作性能。
vue生命周期
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- beforeDestroy
- destroyed
vue父给子组件怎么传值
:传 ,props 声明接
vue子给父组件怎么传值
this.$emit
vue 冒号 属性(v-bind)
-
属性性前面加冒号":",就是说明后面的引号里面是变量或者是变量的表达式。
-
不加冒号":",就是说明后面的引号里面是个字符串。
v-for和v-if的优先级
v-for的优先级高与v-if
js中数组遍历的几种方式
- for (let i = 0, len = arr.length; i < len; i++)
- arr.forEach((item,index,arr)=> {}
- arr.map(function(item,index) {}
- for(var key in arr)
- for (let item of arr) {