首页 > 其他分享 >讲述vue中data值都有哪些,如何调用

讲述vue中data值都有哪些,如何调用

时间:2023-10-11 22:59:46浏览次数:32  
标签:10 vue 讲述 num 调用 data

讲述vue中data值都有哪些,如何调用 1,字符串 2,对象 3,函数 4,数字 <html>     <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width,initial-scale=1.0">     <title>vue.js </title>     </head>     <body>         <div id="app">{{msg}}             <br>             <div>{{obj.names}}</div>             <br>             <div>{{num}}</div>             <br>             <div>{{f1()}}</div>             <br>             <div>{{num>10?'大于10':'小于10'}}</div>         </div>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>         <script>             var vm=new Vue({                 el:'#app',                 data:{                     msg:'hello word',                     name:'xiaomei',                     obj:{                         names:'www.forkliftpower.cn',                     },                     num:15,                     f1:function(){                         return 1+1                     }                 }             })             console.log(vm);         </script>     </body> </html>

 

标签:10,vue,讲述,num,调用,data
From: https://www.cnblogs.com/96net/p/17758431.html

相关文章

  • JavaScript Library – YouTube Embedded、YouTube Player API、YouTube Data API
    YouTube EmbedVideo参考: Embedvideos&playlists它和 GoogleMapsEmbed 类似,是通过iframe完成的。<iframewidth="800"style="aspect-ratio:16/9"src="https://www.youtube.com/embed/vEZCoe9GJFk"title="粉色海洋"......
  • Wpf DataGrid设置列标题动态绑定实例
    在WPF中,可以使用DataGrid控件来显示和编辑表格式的数据。要设置DataGrid列标题的动态绑定,可以使用DataGrid的列定义和绑定功能。以下是一个示例,展示如何使用动态绑定设置DataGrid的列标题:在XAML中定义DataGrid控件,并为其定义列:<DataGridAutoGenerateColumns=......
  • vue项目打包,解决静态资源无法加载和路由加载无效(404)问题
    打包后的项目静态资源无法使用,导致页面空白静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath:'./', 如下图所示,    在History模式下配合使用nginx运行打包后的项目当刷新当前路......
  • Vue响应式
    目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法Vue中的响应式对象Vue3允许在setup()中定义组件需要的数据和方法,通过return在模板中可以直接使用reactive方法<body><divid="Application"></div><script>constApp=Vue......
  • ADO.NET读取MySQL数据库的三种方式:DataReader、DataSet、DataView
    https://blog.csdn.net/lilongsy/article/details/127351421ADO.NET读取MySQL数据库有多种方式:DataReader、DataSet、DataView。Command对象的ExecuteScalar方法查询数据库获取某个单个值,但是如果获取多行、多列可以用ExcecuteReader,ExcecuteReader返回一个DataReader的数据流对......
  • vue框架,input相同标签如何定位-label定位
    一、问题提出:后台前端框架改版,之前是angularjs,现在用vue,导致input标签定位失败,只能定位到第一个input标签,查看后台源代码发现这两个标签是一模一样,如下图:二、问题思考过程1.为什么以前的版本可以定位成功,而现在的就定位不了啦查阅之前版本的这部分定位代码,发现原来的框架是......
  • Vue自定义指令实现复制功能
    importVuefrom'vue'importstorefrom'../store'functioncopyMethod(value){lettext=''switch(typeofvalue){case'number':text=value.toString()breakcase'object':text=JSON......
  • Vue 路由——重定向
    问题描述:网页打开,url默认是/路径,未匹配到组件时,会出现空白解决:重定向→匹配path后,强制跳转path路径 语法:{path:匹配路径, redirect:重定向到的路径}constrouter=newVueRouter({ routes:[  {path: '/', redirect:'/find'}, ......
  • Weighted Nonlocal Laplacian on Interpolation from Sparse Data
    目录概符号说明WNLLShiZ.,OsherS.andZhuW.Weightednonlocallaplacianoninterpolationfromsparsedata.2017,J.Sci.Comput.概针对graphlaplacian提出的一个改进,方法很简单,但是切入点不错.符号说明\(P=\{\bm{p}_1,\ldots,\bm{p}_n\}\subset\m......
  • 巧用指标平台DataIndex,五步法轻松实现指标管理
    开发部门在做指标加工的全流程中,是否经常出现如下问题:·业务部门看指标数据的时候,看到两个名称相似的指标,不清楚两个指标的差异性,来咨询开发部门指标计算口径,开发部门配合业务部门翻找代码,找出指标口径差异性,影响工作效率·业务部门看指标数据的时候,总会出现不同页面的同一指......