vue中的Dom操作
在vue,react,。。。。以数据驱动视图的框架,都是通过数据更新视图,一般不使用dom操作,但是也有一些特定的时候需要用到dom操作
dom操作的方法
- transition:组件中的钩子函数可以接受一个el属性,作用动画的dom,可以多dom添加实现动画效果
- ref:ref可以作用在dom元素和组件元素上,作用在dom元素上通过refs获取到就是dom节点,作用在组件元素上获取到组件实例
- 在mounted生命周期中我们可以使用document的dom的操作方法,比如添加一些滚动事件…
- #el:可以获取组件的根节点元素
- ¥mount():可以手动渲染组件,成为真实的dom节点
- 事件中的e.target可以获取都绑定事件的dom,但不准确,因为获取到的是点击最内层的元素,当然如果作用在表单元素就无所谓
- 指令也可以操作dom的