Vue 前端问题 - 学习记录

问题1 Vue 关于如何使用 background-image 属性

参考链接

1. Vue使用:内联style动态绑定backgroundImage/background

---

问题 2 文字内容溢出自动换行或不换行方法

参考链接

1. white-space 参数的使用方法

---

问题 3 动态修改 dom 元素的方法

参考链接

1. Vue 动态修改dom样式

2. vue使用v-for渲染dom结构后获取单个dom元素改变其样式

3. vue如何动态改变样式(vue动态修改css)

---

问题 4 前端样式 :: 和 : 伪元素的理解

参考链接

1. CSS问题 ：before和：：before的区别

2. ：before和：：before的区别

---

问题5 理解 :before 和 :after 伪元素

一个元素会有一个在它内容前面的元素（:before）或在它内容后面的一个元素（:after）

参考链接

1. ::before和::after是什么?

问题6 Vue 如何实现获取 dom 元素（父组件获取子组件的dom / ref）

下面需要对 Vue 有一个大致的使用经验：（比如在父组件内怎么引用子组件的方法，和在父组件的 标签内内怎么使用子组件的方法）

有时候，我们是使用单文件模式来开发 Vue 项目，那么如果此时的项目的 头部导航组件和主要内容组件是分开的，那么父组件又该如何获取 子组件的 ref 属性，这里的关键在于 父组件必须配置一个 ref ，而且必须是要包括了 子组件的标签内，否则无法获取子组件的 ref 属性，也就无法获取子组件的 dom 元素，当然如果是在父组件使用子组件时，配置 ref 属性，那就最好了。

具体方法：

this.$ref.父组件ref属性名.$ref.子组件ref属性名

参考链接

1. Vue父组件如何获取子组件的ref

2. javaScript与vue获取元素的方法