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/"
}
]
}