javascript： vue.js 2

https://github.com/vuejs/vue-devtools
https://v3.cn.vuejs.org/guide/installation.html#vue-devtools
https://www.jsdelivr.com/package/npm/vue
https://cdnjs.com/libraries/vue/3.2.37
https://cdn.jsdelivr.net/npm/vue@3.2.37/
https://github.com/epicmaxco/vuestic-ui
https://vuestic.epicmax.co/admin/dashboard
https://marketplace.visualstudio.com/items?itemName=alexandredotnet.vuejsdotnetfive

 

https://unpkg.com/vue@next
https://cdn.jsdelivr.net/npm/vue@next/dist/

?
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
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"/>
    <title>vue.js 2.2.7 </title>
   
</head>
<body>
      <script src="vue.js"></script>
<div id="app">{{ name }}+{{ explain }}</div>
<div id="du">{{ explain }}</div>
<script>
    // 在vue实例外定义数据对象 google Chreom  网上应用商店 vue-devtools 测试
    var date={name: "小明",
              explain:"Geovin Du"
             };
    // 创建Vue实例app
    var app=new Vue({
        el:"#app",
        data: date  //在实例中声明创建的date对象
    });
    //检测实例中的name属性和外面对象中的name属性是否一致
    app.name== date.name;  //=>true
    //在实例中设置name属性，会影响到原始对象数据name
    app.name ="小红"; // => 小红
    date.name; // => 小红
    console.log(date.name);  //打印此刻date对象中的name属性
    // 反之亦然
    date.name="小华";
    app.name; // => 小华
    console.log(app.name);  //打印此刻实例中的name属性
     
    var du=new Vue({
        el:"#du",
        data:
        {
          name:"geovindu",
          explain:"geovindu,涂聚文"
        },//在实例中声明创建的date对象
    });
     
</script>
 
</body>
</html>

https://docs.microsoft.com/zh-cn/visualstudio/javascript/tutorial-aspnet-with-typescript?view=vs-2022　　

LibMan.json:

?
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
{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
    {
      "library": "jquery@3.6.0",
      "files": [
        "jquery.min.js",
        "jquery.js",
        "jquery.min.map"
      ],
      "destination": "wwwroot/lib/jquery/3.6.0/"
    },
    {
      "provider": "unpkg",
      "library": "bootstrap@5.1.3",
      "destination": "wwwroot/lib/bootstrap/5.1.3/"
    },
 
    {
      "library": "vue@3.2.37",
      "destination": "wwwroot/lib/vue/3.2.37/"
    }
 
  ]
}

　　

 

posted @   ®Geovin Du Dream Park™  阅读(26)  评论(0)  编辑  收藏  举报
相关博文：
·  typescript: vscode create project in windows10 or windows11
·  typescript: vscode 配置环境 vue.js
·  vue的学习1
·  vue3开发(第一期)：Vite2.0+Typescript+Vue3.2
·  1，开始与环境搭建，及vue谷歌调试工具
阅读排行：
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
历史上的今天：
2016-07-04 csharp: Procedure with DAO(Data Access Object) and DAL(Data Access Layer)
2011-07-04 SQL Server Symbol Currency Hexadecimal
< 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
点击右上角即可分享
微信分享提示
SQL AI 助手