摘要:
scoped样式 作用:让样式在局部生效,防止冲突。 写法:<style scoped> 阅读全文
摘要:
功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件: 对象.install = function (Vue, options) { // 1. 添加全局过滤器 Vue.filter(....) // 2 阅读全文
摘要:
mixin(混入) 功能:可以把多个组件共用的配置提取成一个混入对象 使用方式: 第一步定义混合:在src目录下创建mixin.js { data(){....}, methods:{....} .... } 第二步使用混入: 全局混入:Vue.mixin(xxx) 局部混入:mixins:[ 阅读全文
摘要:
props配置项 功能:让组件接收外部传过来的数据 传递数据:<Demo name="xxx"/> 接收数据: 第一种方式(只接收):props:['name'] 第二种方式(限制类型):props:{name:String} 第三种方式(限制类型、限制必要性、指定默认值): props:{ nam 阅读全文
摘要:
ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) 使用方式: 打标识:<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> 获取:this.$ref 阅读全文
摘要:
组件的自定义事件 一种组件间通信的方式,适用于:子组件 > 父组件 使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。 绑定自定义事件: 第一种方式,在父组件中:<Demo @atguigu="test"/> 或 <Demo v-on:atgui 阅读全文
摘要:
webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API: xxxxxStorage.setItem('key', 'value'); 该 阅读全文