vue2学习笔记10 - 计算属性，方法和监视属性对比

我是飞鸟呀

于 2024-07-19 17:15:00 发布

阅读量334

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签：学习笔记 vue.js

本文链接：https://blog.youkuaiyun.com/l_q_l/article/details/140474544

Vue 专栏收录该内容

59 篇文章 ¥19.90 ¥99.00

订阅专栏

需求：字符串转换成大写后合并

1、插值实现

直接在需要展示结果的地方，使用js表达式str.toUpperCase()然后拼接在一起。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>计算属性_插值</title>
        <!--引入vue.js，则全局就会多了一个vue的构造函数-->
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <!--准备一个容器-->
        <div id="root">            
            字符串1:<input type="text" v-model="str1"><br/>
            字符串2:<input type="text" v-model="str2"><br/>
            <!--1、插值实现方式：缺点：模板中的表达式太长，不够精简

了解本专栏