今天周五了,这周由于开始了健身计划,晚上几乎没精力继续看书了,早上也很困。。可能刚开始不适应,适应了就好了。。只能挤挤时间抓紧看
原计划这周看完vue再把springmvc看了的,又只看了部分vue,springmvc还没开始。。
不过马上端午假期,希望可以补回来

VUE初级最后一部分,自定义组件


组件

注册一个组件

Vue.component('my-component', {
// 选项
})

局部注册

在components选项中注册

模板解析

有些html标签有使用限制,比如ul、ol、option只能在某些元素内部或包含某些元素
自定义组件可以使用is属性

自定义组件中的data必须是函数

因为组件是可以被复用的,如果data不是函数,则会出现多个组件数据共享的问题,但实际上我们期望每个组件的数据是独立的

组件构成

组件协同工作,父子组件既要互相通信,又要相互解耦
vuejs中,父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息

props

  • 子组件需要声明需要的数据
  • 需要注意命名

    这里的字符串模板,指的是写在js里的template,写在html里的是非字符串模板

  • 可以使用v-bind动态绑定props
  • 字面量语法
    非动态绑定的语法称为字面量,与动态绑定语法的区别是,字面量传递"1"时为字符串,动态绑定传递"1"时为数字
  • 单向数据流
    prop是单向数据绑定,父组件属性变化会影响子组件,反过来不会影响。
    禁止修改prop的值,否则会发出警告
  • 定义prop可以定义验证

events

子组件向父组件传递数据使用事件触发
在子组件上加 v-on:自定义事件="父组件事件" 来触发父组件的操作
在子组件的自定义事件中用$emit来触发事件
使用 $on(eventName) 监听事件
使用 $emit(eventName) 触发事件

  • .native绑定原生事件
    使用原生事件时需要用.native修饰

  • .sync
    。。。

后面有些看不懂了。。也不是很常用,决定以后再继续
明天开始SpringMVC ~~!

最新文章

  1. 使用python的Flask实现一个RESTful API服务器端[翻译]
  2. Java开发中经典的小实例-(输入三个数字判断三角形类型)
  3. eclipse导入外部jar包
  4. mongodb-索引
  5. div模态层示例
  6. 【笔记】DOM探索基础篇(二)
  7. TaskTracker启动过程源码级分析
  8. linux上安装shell编辑器与linux运维面试题
  9. Oracle 根据业务创建新的用户
  10. VS 调试相关
  11. vue + vuex 表单处理
  12. 以前用Delphi写的CSDN免积分下载器
  13. json恶补
  14. JavaSE(十)之Map总结
  15. SLF4J - 一个允许你统一日志记录API的抽象层
  16. 原生JS制作简易Tabs组件
  17. 音乐app各部分笔记(一)
  18. 如何在debug vue-cli建立的项目
  19. MTK 修改默认时区
  20. struts2+dojo实现datagrid

热门文章

  1. Robot Framework 学习资源汇总
  2. 使用VLC发送TS流与播放TS流
  3. VMware虚拟机下CentOS 6.5配置网络
  4. 【leetcode】509. Fibonacci Number
  5. css解决fixed布局不会出现滚动条的问题
  6. 信用卡分销系统源码、分销系统定制贴牌、信用卡三级分销系统源码、信用卡返佣系统OEM
  7. echarts中国地图描绘
  8. (二十四)JDBC应用的事务管理(转账事例)
  9. adb shell dumpsys [options]的使用
  10. 16.screen相关