资讯专栏INFORMATION COLUMN

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

qingshanli1988 / 432人阅读

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

本篇将介绍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
  • Khoj:一个开源的个人化AI助手,能连接你的在线和本地文档 充当你的第大脑

    项目简介Khoj是一个开源的、个人化的AI助手,旨在充当你的第二大脑。它能够帮助你回答任何问题,不论这些问题是在线上的还是在你自己的笔记中。Khoi 支持使用在线AI模型(例如 GPT-4)或私有、本地的语言模型(例如 Llama3)。你可以选择自托管 Khoj,也可以使用官方提供的云实例。在线问题:如果你有一个问题需要从互联网获取最新的信息,Khoj可以进行在线搜索,找到相关答案。例如,查询当前...

    UCloud小助手 评论0 收藏0

发表评论

0条评论

qingshanli1988

|高级讲师

TA的文章

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