vue.js: number addition

 

单页应用：（Single Page App, SPA）体现了其强大的优势。
页面是局部刷新的，响应速度快，不需要每次加载所有的CSS/JS。
前后端分离，前端（手机端）不受后端（服务器端）的开发语言的限制。
Angular,React ,Vue.js框架都是很好的选择。


https://github.com/vuejs/awesome-vue

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<div id="app">
    <button v-on:click="a++">a+1</button>
    <button v-on:click="b++">b+1</button>
    <p>number+a={{add1}}</p>
    <p>number+b={{add2}}</p>
</div>
<!--引入vue文件-->
<script src="https://unpkg.com/vue@next"></script>
<script>
    //创建一个应用程序实例
    const vm= Vue.createApp({
        //该函数返回数据对象
        data(){
          return{
             a:0,
             b:0,
             number:100
           }
        },
        computed: {
            add1:function(){
                console.log("number+a");
                return this.a+this.number
            },
            add2:function(){
                console.log("number+b")
                return this.b+this.number
            }
        }
      //在指定的DOM元素上装载应用程序实例的根组件
     }).mount('#app');
 </script>
</body>
</html>

　　

posted @   ®Geovin Du Dream Park™  阅读(3)  评论(0)  编辑  收藏  举报
相关博文：
·  jQuery: message box
·  javascript: P5.js 画图形 处理图片 视频等
·  一些好用的前端组件库（后续会不断更新！！！！）
·  什么是单页应用
·  前端开发常用库
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
历史上的今天：
2021-07-15 csharp: read xml
2013-07-15 Csharp: TreeView 初始化设置默认选择节点
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示