摘要:
动画效果 注:多个动画可使用 name 属性处理<transition name='test'>,则需使用test-enter-active替换v-enter-active 示例一: Test.vue——主要代码文件 <template> <div> <button @click="isShow=! 阅读全文
摘要:
消息订阅与发布 1.订阅消息(需要数据的人):消息名称 2.发布消息(提供数据的人):消息内容 注: 1.订阅名称和发布名称一致 2.需要数据的人--订阅消息;提供数据的人--发布消息 示例一: 第一步:安装支持库 安装第三方支持库:pubsub.js(退出项目运行后执行以下命令,安装库文件) np 阅读全文
摘要:
Vue全局事件总线:一种组件之间通信的方式,适用于任意组件之间通信。 1.所有组件,即VueComponent所有的组件实例对象vc 2.每次使用VueComponent都是new一个新的vc 3.Vue.prototype=VueComponent.prototype.__proto__(可以让组 阅读全文
摘要:
解绑组件自定义事件 // this.$off('defineMyEvent')//解绑一个自定义事件 //解绑多个自定义事件 // this.$off(['defineMyEvent', 'demoEvent']) //等价于this.$off() //解绑所有自定义的事件 this.$off() 阅读全文
摘要:
props--将子组件的信息传递给父组件 <!-- 通过父组件给子组件传递函数类型的props实现:子给父传递数据 --> <School :getShcoolName="getShcoolName"></School> 示例一: App.vue <template> <div class="app 阅读全文
摘要:
浏览器存储:意思就是本地缓存信息 local Storage 示例一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
摘要:
问题一:.Vue文件中出现红色波浪线提示 1.在项目中找到package.json文件 2.在eslintConfig对象中添加——"requireConfigFile": false, 问题二: 删除 npm 相关信息(路径eg:C:\Users\Administrator\AppData\Roa 阅读全文
摘要:
组件化编码流程(通用): 实现静态组件:抽取组件,使用组件实现静态页面效果 展示动态数据: 数据的类型、名称是什么? 数据保存在那个组件? 交互:从绑定事件监听开始 阅读全文
摘要:
scoped样式 <!-- 组件的默认样式 css写法 --> <!-- <style scoped> .demo { background-color: cadetblue; } </style> --> <style lang="less" scoped> .demo { background- 阅读全文
摘要:
插件:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件:install 可传递多个参数 对象.install = function(Vue,options){ //定义全局过滤器 Vue.filter(.. 阅读全文