Vue
️小啦啦哈
努力拼搏,热爱生活。
展开
-
Vue中的插件详解
Vue插件: 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 { //Vue会自动调用该install函数 install(Vue,x,y,z){} } 功能:用于增强Vue(可以在插件里添加全局过滤器,全局指令,全局混入,添加实例方法等) { //Vue会自动调用该install函数 install(Vue,x,y,z){ //1,添加全局过滤器 Vue.filter(...)原创 2021-11-24 23:06:06 · 459 阅读 · 0 评论 -
Vue中的props配置
配置项props: 功能:让组件接收外部传过来的数据。 (1).传递数据: <Demo name='xxx' age='xxx'/> 例如: (2).接收数据(一共有三种方式): 第一种方式: props:['name','age'] 该方式最为简便,但是不能限制传入的参数类型和指定默认值。 如图所示: 运行结果如下: 2.第二种方式: props:{ name:String, age:Number } 该方式可以原创 2021-11-22 15:30:22 · 1094 阅读 · 0 评论 -
Vue中一个重要的内置关系
1,一个重要的内置关系:VueComponent.prototype.__proto__==Vue.prototype 2,为什么要有这个关系:让组件实例对象(vc)可以访问到Vue原型对象上的属性,方法。 具体过程如下: Vue团队并没有让组件(VueComponent构造函数)的原型对象的隐式原型对象指向Object的原型对象,而是把它修改,指向了Vue的原型对象。这样就可以让组件实例对象(vc)可以访问到Vue原型对象上的属性,方法。 ...原创 2021-11-19 15:42:52 · 657 阅读 · 0 评论 -
Vue的ref属性详解
Vue的ref属性: 被用来给元素或组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: 打标识:<h1 ref='xxx'>....</h1>或<School ref='xxx'>...</School> 获取:this.$refs.xxx (1)给html标签打ref属性: 结果如下: 为真实DOM元素 (2)给组件打ref属性: 结果如下: 为组件实例对象(vc) (3原创 2021-11-19 11:57:21 · 583 阅读 · 0 评论