千峰商城-springboot项目搭建-18-vue的入门使用

1.vue的引入

离线引用：下载vue的js文件（地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js），添加到前端项目，

 

 

在网页中通过script标签引用vue.js文件。

<script src="js/vue.js"></script>

 

CDN引用：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

 

 2.简单的vue使用：
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/vue.js"></script>
    </head>
    <body>
        <div id="container">
        从vm中获取的数据为：{{str}}
        </div>
        
        <script type="text/javascript">
            var vm = new Vue({
                el:"#container",
                data:{
                    str:"cqyzs"
                    }
            });            
        </script>        
    </body>
</html>

 

 

 

 
 
posted @ 2022-06-28 14:18  临易  阅读(52)  评论(0)  编辑  收藏  举报