vue操作,显示数据

1.操作页面上的数据

组件中的内容

<template><div class="about"><h1>这是课程页面</h1><button @click="test">点我</button><p><button @click="data1">得数据</button></p><p>{{course}}</p></div>
</template>

操作组件中的数据

//页面上的{{course}}数据
//在script中操作
<script>export default {//data为操作数据的字段data:function(){return {course:['treadf']}},//methods为操作方法的字段methods:{test:function () {alert('test')},data1:function () {let _this = thisthis.$axios.request({url:'http://127.0.0.1:8001/test/',method:'get'}).then(function (response) {_this.course=response.data})}}}
</script>

转载于:https://www.cnblogs.com/jianhaozhou/p/10156345.html

vue操作,显示数据相关推荐

vue页面加载时闪现_如何解决Vue.js显示数据的时,页面闪现
下面我就为大家分享一篇解决使用Vue.js显示数据的时,页面闪现原始代码的问题,具有很好的参考价值,希望对大家有所帮助. 今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数 ...
html网页点击按钮闪现怎么解决,解决使用Vue.js显示数据的时,页面闪现原始代码的问题...
今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数据时,原始代码会闪现一下.查访各方资料,终的解决方法. 第一步.加入一段css代码 [v-cloak] { display ...
vue页面加载时闪现_解决使用Vue.js显示数据的时，页面闪现原始代码
今天开始学习Vue.js的使用,但是在学习过程中发现一个问题,那就是页面加载数据时,原始代码会闪现一下.查访各方资料,终的解决方法. 第一步.加入一段css代码 [v-cloak] { display ...
Python笔记_64_Vue_M-V-VM思想_显示数据_常用指令_操作属性_绑定事件_操作样式_条件渲染指令_列表渲染指令
文章目录 Vue vue.js的M-V-VM思想快速使用显示数据常用指令操作属性绑定事件操作样式条件渲染指令列表渲染指令 Vue vue.js是目前前端web开发最流行的工具库,由尤雨 ...
android查询mysql并显示_Android操作SQLite数据库(增、删、改、查、分页等)及ListView显示数据的方法详解...
本文实例讲述了Android操作SQLite数据库(增.删.改.查.分页等)及ListView显示数据的方法.分享给大家供大家参考,具体如下: 由于刚接触android开发,故此想把学到的基础知识记录 ...
vue实现显示10条数据点击查询看更多
vue实现显示10条数据点击查询看更多- 要求如下: 当页面的数据超过10条时只显示10条且显示点我查看更多喔~ 每次点击页面数据增加10条思路解析: 如题假设有20条数据== 只显示1 ...
get vue 和set 用法_深入剖析Vue源码 - 数据代理，关联子父组件
简单回顾一下这个系列的前两节,前两节花了大篇幅讲了vue在初始化时进行的选项合并.选项配置是vue实例化的第一步,针对不同类型的选项,vue提供的丰富选项配置策略以保证用户可以使用不同丰富的配置选项. ...
工作214：结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component
结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component render function. 代 ...
vue实现对数据的增删改查(CURD)
vue实现对数据的增删改查(CURD) 导语: 网上看到一个写的比较好的学习文章,转载分享一下在管理员的一些后台页面里,个人中心里的数据列表里,都会有对这些数据进行增删改查的操作.比如在管理员后台的 ...

vue操作,显示数据

vue操作,显示数据

vue操作,显示数据相关推荐

最新文章

热门文章