HTM文件中使用vue

举报
穆雄雄 发表于 2022/12/06 20:20:12 2022/12/06
【摘要】 大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂。代码啊,尤其是比较重要客户的项目,即使包出去了,代码也一定要回到自己手里,不然干着急。这个项目,已经经过两手了,做的都不满意,客户那边还比较着急,所以智能将代码收回来我们自己改。结果收回来一看,代码是html写的,当时我一听是HTML不是vue,心凉了一截,于是为了调用接口方便,不用使用jquery的ajax,我就把vue给加上了,然后特地...

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

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

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

结果收回来一看,代码是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里面写代码啦.

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。