<scriptsetup>import WelcomeItem from'./WelcomeItem.vue'import DocumentationIcon from'./icons/IconDocumentation.vue'import ToolingIcon from'./icons/IconTooling.vue'import EcosystemIcon from'./icons/IconEcosystem.vue'import CommunityIcon from'./icons/IconCommunity.vue'import SupportIcon from'./icons/IconSupport.vue'// 通过属性接受参数const props =defineProps({title:{type: String,required:true}})</script><template><WelcomeItem><template#icon><DocumentationIcon/></template><template#heading>{{props.title}}</template>
Vue’s
<ahref="https://vuejs.org/"target="_blank"rel="noopener">official documentation</a>
provides you with all information you need to get started.
</WelcomeItem><WelcomeItem><template#icon><ToolingIcon/></template><template#heading>Tooling</template>
This project is served and bundled with
<ahref="https://vite.dev/guide/features.html"target="_blank"rel="noopener">Vite</a>. The
recommended IDE setup is
<ahref="https://code.visualstudio.com/"target="_blank"rel="noopener">VSCode</a>
+
<ahref="https://github.com/johnsoncodehk/volar"target="_blank"rel="noopener">Volar</a>. If
you need to test your components and web pages, check out
<ahref="https://www.cypress.io/"target="_blank"rel="noopener">Cypress</a>
and
<ahref="https://on.cypress.io/component"target="_blank"rel="noopener">Cypress Component Testing</a>.
<br/>
More instructions are available in <code>README.md</code>.
</WelcomeItem><WelcomeItem><template#icon><EcosystemIcon/></template><template#heading>Ecosystem</template>
Get official tools and libraries for your project:
<ahref="https://pinia.vuejs.org/"target="_blank"rel="noopener">Pinia</a>,
<ahref="https://router.vuejs.org/"target="_blank"rel="noopener">Vue Router</a>,
<ahref="https://test-utils.vuejs.org/"target="_blank"rel="noopener">Vue Test Utils</a>, and
<ahref="https://github.com/vuejs/devtools"target="_blank"rel="noopener">Vue Dev Tools</a>. If
you need more resources, we suggest paying
<ahref="https://github.com/vuejs/awesome-vue"target="_blank"rel="noopener">Awesome Vue</a>
a visit.
</WelcomeItem><WelcomeItem><template#icon><CommunityIcon/></template><template#heading>Community</template>
Got stuck? Ask your question on
<ahref="https://chat.vuejs.org"target="_blank"rel="noopener">Vue Land</a>, our official
Discord server, or
<ahref="https://stackoverflow.com/questions/tagged/vue.js"target="_blank"rel="noopener">StackOverflow</a>. You should also subscribe to
<ahref="https://news.vuejs.org"target="_blank"rel="noopener">our mailing list</a>
and follow the official
<ahref="https://twitter.com/vuejs"target="_blank"rel="noopener">@vuejs</a>
twitter account for latest news in the Vue world.
</WelcomeItem><WelcomeItem><template#icon><SupportIcon/></template><template#heading>Support Vue</template>
As an independent project, Vue relies on community backing for its sustainability. You can help
us by
<ahref="https://vuejs.org/sponsor/"target="_blank"rel="noopener">becoming a sponsor</a>.
</WelcomeItem></template>
经过前面3节完成金融问答机器人基本流程,这章将使用Gradio构建web应用,同时加入memory令提示模板带有记忆的,使用LCEL构建问答链。
加载向量数据库
from langchain.vectorstores import Chroma
from langchain_huggingface import HuggingF…