Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to use Vue computing properties", the content of the explanation is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "how to use Vue computing properties" bar!

# computed

Using v-model to realize data rendering

Name {{firstName+lastName}} new Vue ({el:'#app', data: {firstName: ", lastName:",}})

Computed writes a function, which is special in that its function name is used as an attribute.

The calculation property is cached, and when a calculation property is called multiple times in the page, the value of the later calculation property will be obtained directly from the result obtained for the first time. Therefore, its performance is relatively high, it is recommended to use computational properties.

Name {{fullName}} new Vue ({el:'#app', data: {firstName: ", lastName:",}, computed: {fullName () {return this.firstName+this.lastName})

String inversion using Computational attributes

Original statement {{msg}}

Calculation attribute {{reversedMsg}}

New Vue ({el:'# app', data: {msg: "hello vue"}, computed: {reversedMsg: function () {return this.msg.split (") .reverse () .join (")})

Calculate the total price of goods

Note that asynchronous functions cannot be used in compued

Thank you for your reading, the above is the content of "how to use Vue computing attributes". After the study of this article, I believe you have a deeper understanding of how to use Vue computing attributes, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.