第二十一篇:概念补全

vue  尤雨溪

 

HTML:结构

CSS:表现

JS:行为

可算是给我找到了

https://blog.csdn.net/pan_h1995/article/details/106792712

但问题是,最简化了依旧运行不了

复制代码
<!DOCTYPE html>
<template>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   
</head>
<body>
<div id="vue">
    <div>{{info.name}}</div>
    
</div>
</body>
</html>
</template>

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el:"#vue",
        
        data(){
            return{
                info:{
                    name:null,
                    
                    url:null,
                }
            }
        },
        mounted(){//钩子函数
            axios
                .get('../data.json')
                .then(response=>(this.info=response.data));
                
        }
    });
</script>
复制代码

感觉tamplete和      

var vm = new Vue不是同一个体系的?
不能放在一起用??????????
复制代码
赣,又报错
App.vue?26cd:21 
        
       Uncaught ReferenceError: Vue is not defined
    at eval (App.vue?26cd:21)
    at Object../node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue (app.js:956)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (App.vue?9e04:1)
    at Object../src/App.vue (app.js:2241)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (main.js?1c90:1)
    at Object../src/main.js (app.js:2281)
复制代码

 

 

 

 

posted @   养肥胖虎  阅读(23)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示