houfeng houfeng0923

## pass-slots.md

      
              1 file
            
          
              24 forks
            
          
              69 comments
            
          
              276 stars
            
          
                loilo
                / pass-slots.md
            
            
              Last active
              May 23, 2024 16:28
            
              
                Vue: Pass Slots through from Parent to Child Components
              
          
    Vue: Pass Slots through from Parent to Child Components

The Situation


We've got some components A, B and C which provide different slots.
const A = {
  template: `<div><slot name="a">Default A Content</slot></div>`
}


const B = {

  
## Update git fork with tags.sh
# Repo: someuser/myframework
# Fork: superteam/myframework

# Track:
git clone https://github.com/superteam/myframework.git
cd myframework
git remote add upstream https://github.com/someuser/myframework.git

# Update:
git fetch upstream

## 1. raw_handlebars.js
//<p class="name">hi {{name}}</p>

Handlebars.templates["hi"]=function(data) {
  return "<p class=\"name\">hi "
    + escapeExpression(data['name'])
    + "</p>\n";
});

## gist:f540fbea3c33e3da53fd
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <!-- 声明文档使用的字符编码 -->
    <meta charset='utf-8'>
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- 页面描述 -->
    <meta name="description" content="不超过150个字符"/>
    <!-- 页面关键词 -->
	# Repo: someuser/myframework
	# Fork: superteam/myframework

	# Track:
	git clone https://github.com/superteam/myframework.git
	cd myframework
	git remote add upstream https://github.com/someuser/myframework.git

	# Update:
	git fetch upstream
	//<p class="name">hi {{name}}</p>

	Handlebars.templates["hi"]=function(data) {
	return "<p class=\"name\">hi "
	+ escapeExpression(data['name'])
	+ "</p>\n";
	});
	<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
	<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
	<head>
	<!-- 声明文档使用的字符编码 -->
	<meta charset='utf-8'>
	<!-- 优先使用 IE 最新版本和 Chrome -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<!-- 页面描述 -->
	<meta name="description" content="不超过150个字符"/>
	<!-- 页面关键词 -->