原生Html中引入Vue并使用

 25  25

Jordan 2024-10-12 11:09:22

概述

如何在原生的Html中引用Vue，并与jquery等一起使用

下载

地址: https://pan.baidu.com/s/1I3ZOxGuEMZ5Cioygbm_81Q?pwd=yiqn
百度分享

使用

将下载后的dist下的vue.min.js 放置到一个指定目录下
整体代码

@using Adf.Manage.BusinessLogic.Service.UI
@{
    Layout = null;
}


<!DOCTYPE>
<html>
<head>
    @Html.LoadRes("/Style/v3/vue2/","vue.min.js")
</head>
<body>

<div id="myApp">
    <div>{{Message}}</div>
</div>

<script>

    new Vue({
        el:"#myApp",
        data: {
            Message:"hello, vue2"
        }
    });

</script>


</body>
</html>

结果

hello,vue2

回帖

消灭零回复