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