<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <div id="app"> <h1>{{data.name}}</h1> <img src="../static/img/sea.jpg" alt="" /> </div> </body> </html> <script src="https://cdn.jsdelivr.net/npm/vue@3.0.11/dist/vue.global.prod.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script> <script> const { createApp, reactive, getCurrentInstance } = Vue; const app = createApp({ setup() { const data = reactive({ name: "aa", }); getInformation(); //方法1 function getInformation() { //方法的实现 data.name = "引入的html文件"; } // 方法2 const handleClick = (val) => { //方法的实现 }; return { data, handleClick, }; }, }); app.mount("#app"); </script>
Vue3项目中引入html页面
2023-11-09
139
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue3项目中引入html页面
目录
相关文章
|
3天前
|
7天前
|
前端开发
|
3天前
|
JavaScript
前端开发
API
|
16小时前
|
UED
|
1天前
|
前端开发
JavaScript
API
|
2天前
|
JavaScript
Shell
|
3天前
|
分布式计算
资源调度
JavaScript
|
3天前
|
JavaScript
前端开发
|
4天前
|
JavaScript
|
4天前
|
JavaScript
定位技术
开发者