ref 属性
在vue项目里面,我们在js里面要获取页面的标签里面的东西,我们不用原生的js语句,我们可以在页面的标签上加一个ref属性,写法如下
js里面获取是
props属性
需求
一个组件,多个地方用,但是里面需要渲染的数据是不一样的,那么我们需要在这个组件里面写这个属性,这个属性就是接受传到这个组件里面的东西
实现1(简单接受)
以上就动态的展示数据了,同一个组件,进行复用
实现2(复杂接收)
实现3
props 属性总结
这个属性有以上的3种写法,选择一个即可
外部传进来的值是不可以改的,意思是最好不改,如果想改,需要这么写
mixins属性(混合)
也就是两个组件使用一个配置,因为多个组件里面有代码是一样的,我们就可以提取出来。重新写一个文件,之后各个组件里面导入就可以了。如果组件和提取出来的东西重复了,对于生命周期函数是都会执行的,对于data里面的数据,先是看组件里面的,如果组件里面有就用组件里面的,如果没有就用提取出来的文件里面的、
局部引入混合文件
全局引入混合文件
直接在main.js 里面进行引入,并且注册