资讯专栏INFORMATION COLUMN

san学习笔记(二)--基础知识

qingshanli1988 / 285人阅读

摘要:本篇将介绍的基础知识,包括双向绑定父子组件通信动态组件通信。更加详细的可看官方文档。

本篇将介绍san的基础知识,包括双向绑定、父子组件通信、动态组件通信。更加详细的可看官方文档。

双向绑定

在san中,通过:{= value =} 实现双向绑定。请看实例:




    
    
    
    双向绑定






父子组件通信

父组件向子组件传值

父组件通过双向绑定,向子组件传值;

// 父组件中,将值绑定在子组件上


// 子组件中获取
this.data.get("title")

子组件向父组件传值

子组件通过 this.fire("change", value),向父组件传值;父组件通过监听事件接收。

// 子组件中, 通过fire传值给父组件
 this.fire("change", title)

// 父组件中,监听change事件


// 事件监听, 接收子组件的值
getTitle:function(value){
    var newWord = value
    this.data.set("word", newWord)
}

详情请看完整例子:




    
    
    
    父子组件通信
    





动态组件通信

源码

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98856.html

相关文章

  • 【零基础入门】 css学习笔记(1) 字体颜色样式等

    摘要:在元素中使用元素是一个元素,没有结束标记表示链入的是样式表,在中可省略不写。一般页面中,中文用宋体黑体微软雅黑,英文使用。英文字体要放在最前面,中文字体后面的备选字体用逗号隔开。表示方法可用像素指定或使用或百分数相对于字体大小指定。 一、基础介绍 1, css:cascading style sheet 层叠式样式表2, 语法:p {background-color:red...

    fai1017 评论0 收藏0
  • mvvm框架--san.js 学习笔记(一)

    摘要:最近,由于公司项目需要,使用百度框架开发了一个兼容的小项目。是框架,和有一些类似。和相比,优势是能兼容,但没有那么简单易用,学习最好有一些框架的基础。当初我自己好奇,尝试用做了一个小型项目,这里记录一下。 最近,由于公司项目需要,使用百度mvvm框架san开发了一个兼容ie6的小项目。san是mvvm框架,和vue有一些类似。和vue相比,优势是能兼容ie6,但没有vue那么简单易用,...

    zhangrxiang 评论0 收藏0
  • CSS学习笔记() 字体和文本

    摘要:理解字体和文本属性,对于创造出专业水准的网页排版非常重要。为字体和文本分别定义了属性。字体属性主要描述了一类字体的大小和外观。还有一种新增的单位字体样式值示例说明和都表示斜体英文中的斜体主要表示强调。字体粗细可能的值,或者和。 理解字体和文本属性,对于创造出专业水准的网页排版非常重要。一个网站的品质如何,有时候只要看看它用的字体就能一目了然。 1.网页中字体的来源 用户机...

    silenceboy 评论0 收藏0
  • SASS 学习笔记

    摘要:中的变量以开头。中的引入文件以下划线开头,在其它文件中引用时,用命令即可,引用时不需要带文件名开头的下划线和扩展名。导入本身就提供了导入的选项,这样就将进一步分割成了代码更少更容易维护的代码段,但是在中每一条语句都会产生一次请求。 基础知识 这部分内容摘自 Sass Basics。 预处理 Preprocessing 预处理功能,就是将 SASS/SCSS 格式的文件输出为 CSS 文...

    ?xiaoxiao, 评论0 收藏0
  • 重学前端学习笔记十一)--如何选中svg里的a元素?

    摘要:二选择器的基本意义根据一些特征,选中元素树上的一批元素。四伪类选择器树结构关系伪类选择器伪类表示树的根元素。伪类表示没有子节点的元素。表示焦点落在这个元素之上。用于选中浏览器的部分所指示的元素。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入wint...

    jemygraw 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<