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/

<!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:

{
  "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 @ 2022-07-04 15:06  ®Geovin Du Dream Park™  阅读(37)  评论(0)    收藏  举报