data()中的数据可以直接操作

 1 <div id="app-5">
 2   <p>{{ message }}</p>
 3   <button v-on:click="reverseMessage">逆转消息</button>
 4 </div>
 5
 6
 7 var app5 = new Vue({
 8   el: '#app-5',
 9   data: {
10     message: 'Hello Vue.js!'
11   },
12   methods: {
13     reverseMessage () {
14       this.message = this.message.split('').reverse().join('')
15     }
16   }
17 })

转载于:https://www.cnblogs.com/lanyb009/p/9232952.html

data()中的数据可以直接操作相关推荐

mouted能不能访问data中的数据_Vue(定时器)解决mounted不能获取到data中的数据问题...
vue中data定义 data() { return { isok:10, } } 在vue中使用定时器如下 mounted是钩子函数 mounted(){ console.log(this.iso ...
filters获取data中的数据
第一种方式:申明全局变量,改变this方法. 在对应的组件中申明全局变量在beforeCreated申明周期中修改this的指向,并在filters中使用.就可以获取data中申明的options数 ...
Vue 在beaforeCreate时获取data中的数据
众所周知,vue在beforecreate时期是获取不到data中的数据的但是通过一些方法可以实现在beforecreate时获取到data中的数据暂时想到两种放发可以实现,vue在before ...
vue更新data中的数据页面不渲染_vue更新obj类data的属性无效，页面data没刷新解决方法vue.set...
问题描述 Vue的data使用有坑啊,它不能直接修改创建的对象的属性,例如想要给 user 添加一个 name 属性,值是 Jay . 先来一个添加的错误示例(这是一个大坑,请注意),这样写页面不渲染 ...
利用redis缓存对 list集合中的数据进行分页操作（一）
先说存储的结构: 这里做了两块缓存绿色是存储索引的缓存黑色是存数据的缓存翻页时需要两个参数向上查询/或向下查询还一个是从第二页开始查询时需要一个索引的参数有了这两个参数 ...
如何查询MySQL表中的数据，这些操作你得明白！
前言本节比较重要,对数据表数据进行查询操作,其中可能大家不熟悉的就对于INNER JOIN(内连接).LEFT JOIN(左连接).RIGHT JOIN(右连接)等一些复杂查询. 通过本节的学习,可 ...
android contentresolver 批量,Android之使用ContentResolver对通信录中的数据进行简单操作...
public class ContactTest extends AndroidTestCase { private static final String TAG = "ContactTe ...
uni-app - 改变数据后视图无更新变化解决方案，更改数据不刷新（解决修改 data 中的数据视图未更新的问题）
前言当页面数据全部请求完毕,但用户操作导致数据改变时,视图并未按照最新数据进行更新. 有时候,我们动态改变数据的时候发现视图并未改变, 常见于在 methods 函数或其他位置中,改变 data 数 ...
data中的数据如何在innerhtml中调用_Vuex中调用state数据
/src/store/index.js文件的所需内容state:{ //state中存在的数据 num:0, age:19, msg:"jiajia", },mutations:{ ...

data()中的数据可以直接操作

data()中的数据可以直接操作相关推荐

最新文章

热门文章