HTM文件中使用vue

 muxiongxiong   2022-06-21 19:23   160 人阅读  0 条评论

大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。

代码啊,尤其是比较重要客户的项目,即使包出去了,代码也一定要回到自己手里,不然干着急。

这个项目,已经经过两手了,做的都不满意,客户那边还比较着急,所以智能将代码收回来我们自己改。

结果收回来一看,代码是html写的,当时我一听是HTML不是vue,心凉了一截,于是为了调用接口方便,不用使用jqueryajax,我就把vue给加上了,然后特地来记录一下。

下面就是给HTML中加入vue环境的步骤:

1.引入vue的js文件:

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

2.给根节点添加id,起个名字叫app:

 <div id="app" v-cloak class="wrapper">
 </div>

在这里插入图片描述
3.在最后添加vue的内容:

  <!--vue的模块-->
  <script>
    new Vue({
      el: "#app",
      data: {
   
      },
      created() {
       
      },
      methods: {
    
      },
    });
  </script>

然后你就可以在vue里面写代码啦.

本文地址:http://muxiongxiong.cn/?id=1401
版权声明:本文为原创文章,版权归 muxiongxiong 所有,欢迎分享本文,转载请保留出处!

 发表评论


表情

还没有留言,还不快点抢沙发?