首页 > 其他分享 >vuejs从入门到精通——多个应用实例

vuejs从入门到精通——多个应用实例

时间:2023-02-03 23:22:06浏览次数:47  
标签:vue 入门 多个 vuejs 实例 应用 页面

多个应用实例

https://cn.vuejs.org/guide/essentials/application.html#multiple-application-instances

应用实例并不只限于一个。

createAppAPI 允许你在同一个页面中创建多个共存的 vue 应用,而且每个应用都拥有自己的用于配置和全局资源的作用域。

js:

const app1 = createApp({
  /* ... */
})
app1.mount('#container-1')

const app2 = createApp({
  /* ... */
})
app2.mount('#container-2')

如果你正在使用 vue 来增强服务端渲染 HTML,并且只想要 vue 去控制一个大型页面中特殊的一小部分,应避免将一个单独的 vue 应用实例挂载到整个页面上,而是应该创建多个小的应用实例,将它们分别挂载到所需的元素上去。

标签:vue,入门,多个,vuejs,实例,应用,页面
From: https://www.cnblogs.com/zuoyang/p/17090696.html

相关文章

  • vuejs从入门到精通——根组件
    根组件https://cn.vuejs.org/guide/essentials/application.html#the-root-component一、先创建一个vue实例每个Vue应用都是通过createApp函数创建一个新的应用实例:......
  • vuejs从入门到精通——DOM 中的根组件模板
    DOM中的根组件模板https://cn.vuejs.org/guide/essentials/application.html#the-root-component当在未采用构建流程的情况下使用Vue时,我们可以在挂载容器中直接书写......
  • C#零基础小白快速入门指导
    前言本文写给想学C#的朋友,目的是以尽快的速度入门C#好学吗?对于这个问题,我以前的回答是:好学!但仔细想想,不是这么回事,对于新手来说,C#没有那么好学。反而学Java还要容易一......
  • drf从入门到精通 05
    今日内容详细1.反序列化类校验部分源码解析#反序列化校验什么时候开始执行校验 -视图类中的ser.is_valid()就会开始执行校验校验通过返回True不通过返回False......
  • vuejs从入门到精通——Visual Studio Code 使用 vite 安装项目
    VisualStudioCode 使用vite安装项目Vite是一个轻量级的、速度极快的构建工具,对VueSFC提供第一优先级支持。作者是尤雨溪,同时也是Vue的作者。要使用vite来创......
  • DRF请求解析编码,响应格式配置方法 及Response init实例化参数
    目录drf之请求Request能够解析前端传入的编码格式需求只接收json格式编码drf之响应Response能够响应的编码格式需求更改响应格式Response源码分析init参数重点drf之请求......
  • Solidity极简入门#9. 常数
    这一讲,我们介绍solidity中两个关键字,constant(常量)和immutable(不变量)。状态变量声明这个两个关键字之后,不能在合约后更改数值;并且还可以节省gas。另外,只有数值变量可以声明co......
  • python之路61 drf从入门到成神 4 反序列化类校验部分源码解析、断言、drf请求、响应格
    反序列化类校验部分源码解析#反序列化校验、什么时候开始执行校验视图类中的ser.is_valid(),就会执行校验,校验通过返回True,不通过返回False#入口:ser.is_valid......
  • git入门
    简易的命令行入门教程:Git全局设置:gitconfig--globaluser.name"soymilk"gitconfig--globaluser.email"[email protected]"创建git仓库:mkdirhellogit......
  • Shader入门精要笔记 - CH7.3_渐变图控制漫反射
    左边是使用了前面提到的SpecularPerPixel,中间是没加渐变图时,右边是加了渐变图 高光+渐变图漫反射(RampTex)Shader"My/Tex/RampTexture"{Properties{......