首页 > 其他分享 >4.7 app.mount的作用效果

4.7 app.mount的作用效果

时间:2023-04-04 10:23:07浏览次数:36  
标签:box 4.7 const app msg return mount

  • 这里msg的效果,在app.mount('#box')后就被覆盖掉了
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="box">
            这里msg的效果,在app.mount('#box')后就被覆盖掉了
            msg:{{msg}}
        </div>          
        Good!
    </body>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

    <script>
    const user = {
        data(){         
            return{
                msg:'hello',
                n:5,    
            }
        },
        template: `    
            {{n}}
            <button @click="add">+1</button>
        `,
        methods:{
            add(){   
                this.n++;  
                return this.n;
            }
        }
    }
const app = Vue.createApp(user);     
const rc = app.mount("#box");  
</script>
</html>

标签:box,4.7,const,app,msg,return,mount
From: https://www.cnblogs.com/pansidong/p/17285523.html

相关文章

  • Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
    Angular应用里server.ts文件,下面这段代码的含义?server.get('*',(req,res)=>{res.render(indexHtml,{req,providers:[{provide:APP_BASE_HREF,useValue:req.baseUrl}],});});在Angular应用中,server.ts文件是用于构建服务器端渲染(S......
  • SAP Commerce Cloud 里的 jsapps 和 jsapps-ssr 容器
    SAPCommerceCloudVersion2,简称SAPCCV2,上面有两种container,jsapps和jsapps-ssr,二者区别是什么?SAPCommerceCloudVersion2(简称SAPCCV2)是SAP提供的一款云端电商解决方案。在SAPCCV2中,"jsapps"和"jsapps-ssr"都是用于部署Web应用程序的容器,但它们之间存在一些区别......
  • Appium移动端UI自动化介绍
    一.appium基本介绍1.搭建移动端自动化环境,具体搭建环境可以百度a.安装jdk并配置环境变量b.安装安装sdk并配置环境变量c.安装node.jsd.安装appiume.安装夜神模拟器 2.查看被测app包信息 1.冷启动时,windows系统输入adb logcat| findstr START  2.通过aapt命......
  • Appium移动端自动化环境搭建
    一、JDK安装    1.先下载好jdk,下载地址:http://download.oracle.com/otn-pub/java/jdk/8u101-b13/jdk-8u101-windows-x64.exe    2.傻瓜式进行安装    3.配置环境变量     a.先新建JVAV_HOME         b.编辑path   ......
  • APP自动化
    一、APP工具1、三大工具appium、Robtium(只支持Java语言)、macaca2、原理:APP自动化执行原理 二、移动测试环境搭建1、搭建步骤  JDK安装:安卓应用或者开发工具使用java语言开发。必须使用JDK.AndroidSDK安装:1、Android开发工具包,......
  • AppMobi即将开源所有HTML5 API
    据国外媒体报道,HTML5开发公司AppMobi将于黑色星期五(11月25日)开源其所有HTML5设备端API。AppMobi正在致力于推动HTML5的发展,并希望通过HTML5影响整个互联网生态系统。AppMobi的HTML5不仅涉及台式电脑,还包括移动设备,曾开发过很多可访问摄像头、加速计和GPS等本地功能的HTML5......
  • POJ 2773 Happy 2006 二分+容斥原理(二进制枚举或dfs)
    Happy2006TimeLimit: 3000MS MemoryLimit: 65536KTotalSubmissions: 14003 Accepted: 4946DescriptionTwopositiveintegersaresaidtoberelativelyprimetoeachotheriftheGreatCommonDivisor(GCD)is1.Forinstance,1,3,5,7,9...areallrelativel......
  • Problem B. Harvest of Apples 组合数求和(莫队没怎么看懂)
    ProblemB.HarvestofApplesTimeLimit:4000/2000MS(Java/Others)    MemoryLimit:262144/262144K(Java/Others)TotalSubmission(s):3775    AcceptedSubmission(s):1450 ProblemDescriptionTherearenapplesonatree,numberedfrom1ton.Count......
  • uniapp-报错记录
    1.JSON转换格式,数据中含有地址 解决方法:经过JSON.stringify()方法转换过的对象或数组,再使用encodeURIComponent()方法再次编码,使用时先通过decodeURIComponent解码,然后再使用JSON.parse()方法转化成json类型的对象或者数组2.globalData踩坑 不小心把globalData写成了函数,一......
  • H5 如何实现唤起 APP?
    1、不同平台的实现方式有些不同,一般常见的有这几种,分别是:URLScheme(通用)UniversalLink(iOS)AppLink、ChromeIntents(android)2、推荐使用:3、优缺点对比......