HTM文件中使用vue

简介: HTM文件中使用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里面写代码啦.

目录
相关文章
|
1天前
|
监控 JavaScript
Vue中的数据变化监控与响应——深入理解Watchers
Vue中的数据变化监控与响应——深入理解Watchers
|
1天前
|
JavaScript 安全 前端开发
Vue 项目中的权限管理:让页面也学会说“你无权访问!
Vue 项目中的权限管理:让页面也学会说“你无权访问!
10 3
|
1天前
|
JavaScript 前端开发 开发者
Vue的神奇解锁:冒险的开始
Vue的神奇解锁:冒险的开始
5 1
|
2天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
7 0
|
2天前
|
JavaScript
【vue实战】父子组件互相传值
【vue实战】父子组件互相传值
8 1
|
2天前
|
JavaScript
vue2_引入Ant design vue
vue2_引入Ant design vue
7 0
|
2天前
|
JavaScript
vue知识点
vue知识点
10 4
|
3天前
|
存储 JavaScript 前端开发
【Vue】绝了!这生命周期流程真...
【Vue】绝了!这生命周期流程真...
|
3天前
|
JavaScript 索引
【vue】框架搭建
【vue】框架搭建
7 1
|
3天前
|
JavaScript 前端开发 容器
< 每日小技巧: 基于Vue状态的过渡动画 - Transition 和 TransitionGroup>
Vue 的 `Transition` 和 `TransitionGroup` 是用于状态变化过渡和动画的组件。`Transition` 适用于单一元素或组件的进入和离开动画,而 `TransitionGroup` 用于 v-for 列表元素的增删改动画,支持 CSS 过渡和 JS 钩子。
< 每日小技巧: 基于Vue状态的过渡动画 - Transition 和 TransitionGroup>