摘要: extend创建的是一个组件构造器,而不是一个具体的组件实例,最终还是要通过Vue.component注册才可以使用 组件构造器相当于Vue.component()方法的第二个参数部分 js const Loading = Vue.extend({ template: ``, data () { r 阅读全文
posted @ 2019-04-19 17:26 不会代码的前端 阅读(2750) 评论(0) 推荐(1) 编辑
摘要: 除了内置指令外, 用户自定义的指令 自定义指令有全局和局部 自定义指令都是v name的模式,如:v focus,name是directive()方法的第一个参数 全局自定义指令 局部自定义指令 局部自定义指令就是一个对象,所以自定义的指令都可以写在这里,key就是指令名,value也是个对象,挂载 阅读全文
posted @ 2019-04-19 16:33 不会代码的前端 阅读(827) 评论(0) 推荐(0) 编辑
摘要: 混入可以将不同组件的共同内容部分在一个混入对象中展示,然后通过在组件实例中混入这个对象,这样拥有这些属性的组件都可以调用 混入对象中的属性名跟组件中的属性名冲突时,以组件自身的为基准 个人理解就是把所有实例组件相同的data,methods等放到一个公共对象中去调用 最终页面展示的结果: 阅读全文
posted @ 2019-04-19 16:04 不会代码的前端 阅读(1003) 评论(0) 推荐(0) 编辑
摘要: 利用component及is占位符即可轻松实现动态切换加载tab栏 语法 必须是is占位符,不能写别的,通过v bind指令动态绑定属性 tabname就是我们要显示的组件名称 比如我们创建了三个子组件,并注册到了根组件中:one,two,three 那想要展示哪个子组件,就将组件名赋值给tabna 阅读全文
posted @ 2019-04-19 15:45 不会代码的前端 阅读(1309) 评论(0) 推荐(0) 编辑