【发布时间】:2017-03-29 11:20:26
【问题描述】:
我有一个刀片文件,我希望将其用作 vue 组件。所以在 .vue 文件中,我通常会将其编码为:
<template>
....
</tempalte>
....rest of vue file
但是如何将刀片文件用于模板?
【问题讨论】:
标签: laravel laravel-5 vue.js vuejs2 laravel-5.4
我有一个刀片文件,我希望将其用作 vue 组件。所以在 .vue 文件中,我通常会将其编码为:
<template>
....
</tempalte>
....rest of vue file
但是如何将刀片文件用于模板?
【问题讨论】:
标签: laravel laravel-5 vue.js vuejs2 laravel-5.4
您可以将 html 放入您的 vue-component 文件中,例如:
<template>
...put your html here
</tempalte>
然后在刀片文件中插入vue组件,如
@extends('layouts.app')
<vue-component> </vue-component>
@section('content')
【讨论】:
您可以在 vue 文件中使用slot 来插入从刀片视图传递过来的 html。
刀片文件:
<vue-component>All your html to be passed goes here</vue-component>
Vue 文件:
<template>
<slot></slot>
</template>
您可以在单槽here 的官方文档中了解更多信息。
【讨论】: