首页 > 其他分享 >vuejs从入门到精通——DOM 中的根组件模板

vuejs从入门到精通——DOM 中的根组件模板

时间:2023-02-03 22:57:44浏览次数:48  
标签:DOM vuejs app html 组件 模板

DOM 中的根组件模板

https://cn.vuejs.org/guide/essentials/application.html#the-root-component

当在未采用构建流程的情况下使用 Vue 时,我们可以在挂载容器中直接书写根组件模板:

html:

<div id="app">
  <button @click="count++">{{ count }}</button>
</div>
js:
import { createApp } from 'vue'

const app = createApp({
  data() {
    return {
      count: 0
    }
  }
})

app.mount('#app')

当根组件没有设置template选项时,Vue 将自动使用容器的innerHTML作为模板。

标签:DOM,vuejs,app,html,组件,模板
From: https://www.cnblogs.com/zuoyang/p/17090642.html

相关文章

  • IDEA必备插件、阿里巴巴规范插件(代码格式化,注释模板化)的安装及使用和快捷键设置
     背景:记录下idea的配置,换电脑方便直接配置这些信息第一步:安装必备插件如下英文直接翻译就是插件的作用,大部分不用额外配置,AdapterforEclipseCodeFormatter是阿......
  • vuejs从入门到精通——Visual Studio Code 使用 vite 安装项目
    VisualStudioCode 使用vite安装项目Vite是一个轻量级的、速度极快的构建工具,对VueSFC提供第一优先级支持。作者是尤雨溪,同时也是Vue的作者。要使用vite来创......
  • keil操作——典型语句模板设置
      典型语句1:mainvoidmain(){while(1){|}} 典型语句2:#ifndef#ifndef__DELAY_H__#define__DELAY_H__voidDelay(unsignedintx......
  • IDEA 初配模板及快捷方案
    一、模板1.类模板(文件)配置方式:Setting【ctrl+alt+s】->Editor->FileandCodeTemplates->【Class】【Interface】【Enum】【AnnotationType】/***Project:$P......
  • js: Math.random()获取随机数
    文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math/random获取一个0-1之间的随机数//[0,1)console.log(Math.random())......
  • 塔吉特Target Domestic EDI 856 & 810业务分析
    Target公司位于明尼苏达州明尼阿波利斯美市,是美国仅次于沃尔玛的第二大零售百货集团,也是美国标准普尔500指数成分股。它最早名叫戴顿赫德森公司(于1962年成立),2000年1月正式......
  • codeforces 1257C Dominated Subarray
    题意就是找到一个最小的子区间使得这个区间中只有一个数的个数为2.AC代码:#include<cstdio>#include<cstring>#include<iostream>#include<algorithm>#include<vector>#inclu......
  • 大数模板
    当成int直接用。structBigInt{conststaticintmod=10000;conststaticintDLEN=4;inta[100],len;//位数4*100BigInt(){ms(a),len=1;......
  • miller_rabin大素数随机检测模板
    用到两个定理:费马小定理二次探测定理如果是一个素数,,则方程的解为或。对于待检测数在中随机选取次判断是否成立一旦发现不成立则可判定不是素数为了......
  • BZOJ3262 陌上花开(cdq分治模板)
    Description有n朵花,每朵花有三个属性:花形(s)、颜色(c)、气味(m),用三个整数表示。现在要对每朵花评级,一朵花的级别是它拥有的美丽能超过的花的数量。定义一朵花A比另一朵......