ref属性、props配置、mixin混入、插件、scoped样式 ref属性被用来给元素或子组件注册引用信息（id的替代者）；应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）；使用方式：标识：<h1 ref="xxx">孙笑川</h1> 或 <Demo ref="xxx"/>获取：this.$refs.xxxprops配置功能：让组件接收外部传过来的数据传递数据：<Demo name="xxx"/>接收数据：//1.简单接收 props: ['name','sex','age'] //2.接收的同时对是数据进行类型限制 props: { name: String, sex: String, age: Number, } //3.类型限制，默认值指定，是否必传 props: { name: { type: String, required: true }, sex: { type: String, required: true }, age: { type: Number, default: 99 } }注：props是只读的，Vue底层会监测你对propos的修改，如果进行了修改，会发出警告；若业务中确实需要修改，可以将该属性复制到data中并定义，修改后定义的数据mixin混入功能：可以把多个组件共用的配置提取成一个混入对象使用方式：定义混合{ data() { ... }, methods: { xxx } }使用（1）全局引入：Vue.mixin(xxx)（2）局部混入：mixins: [xxx]插件功能：用于增强Vue本质：包含install方法的一个对象，install的第一个参数是vue，第二个以后的参数是插件使用者传递的参数定义插件：//定义plugins.js export default { install(Vue,x,y,z) { console.log('插件被调用了', Vue,x,y,z) //全局过滤器 Vue.filter('mySlice', function (value) { return value.slice(0,3) }) //自定义全局指令 Vue.directive('fbind', { bind(element, binding) { element.value = binding.value }, inserted(element) { element.focus() }, update(element, binding) { element.value = binding.value } }) //全局混入 Vue.mixin({ data() { return { x: 100, y: 200 } } }) //给Vue原型上添加一个方法 Vue.prototype.hello = () => { alert('给Vue原型上添加一个方法') } } }使用插件：在main.js中import之后使用Vue.use(plugin)scoped样式作用：让样式在局部生效，防止冲突写法：<style scoped>