vue中的具名插槽、slot

1、父组件 1.1、html部分

<div id="app"> <h2>父组件 <template slot="namedSlot">{{ content }} { content }}--> { article.info.title }}或者{{ article.info.title }}，这两种写法都不起作用，且报错。
			

		
		
		
			1.2、JavaScript部分
		
import ScopeSlots from "./components/ScopeSlots.vue"; export default { name: "App", components: { ScopeSlots, }, data() { return { content: "具名插槽从父组件获取数据渲染", }; }, }; 
		
		
			2、子组件
		
<div> <h3>子组件