Vue 构造器 Vue.extend

xml 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造器 Vue.extend</title>
    <script type="text/javascript" src="../assets/js/vue.js"></script>
</head>
<body>
<h1>构造器 Vue.extend</h1>
<hr>
<author></author>
</body>
</html>
<script>
    //构造器
var authorExtend = Vue.extend({
    template:'<p><a :href="authorUrl" >{{authorName}}</a> </p>',
    data:function(){
        return{
            authorName:'Json',
            authorUrl:'http://www.baidu.com'
        }
    }
})
    //加载到标签 绑定 $mount  也可以绑定  id class  或者之前绑定标签
    new authorExtend().$mount('author')
</script>
相关推荐
Blossom.1181 分钟前
人工智能在智能家居中的应用与发展
人工智能·深度学习·机器学习·智能家居·vr·虚拟现实·多模态融合
兜小糖的小秃毛10 分钟前
两段文本比对,高亮出差异部分
linux·前端·javascript
佛系菜狗19 分钟前
element-ui、element-plus表单resetFields()无效的坑
前端·javascript·vue.js
HyperAI超神经29 分钟前
12个HPC教程汇总!从入门到实战,覆盖分子模拟/材料计算/生物信息分析等多个领域
图像处理·人工智能·深度学习·生物信息·分子模拟·材料计算·vasp
爱的叹息39 分钟前
【前端】基于 Promise 的 HTTP 客户端工具Axios 详解
前端·网络·网络协议·http
遗憾随她而去.1 小时前
从 0 开始认识 WebSocket:前端实时通信的利器!
前端·websocket·网络协议
进来有惊喜1 小时前
深度学习:迁移学习
python·深度学习
老兵发新帖1 小时前
pnpm常见报错解决办法
前端
豆芽8191 小时前
图解YOLO(You Only Look Once)目标检测(v1-v5)
人工智能·深度学习·学习·yolo·目标检测·计算机视觉
Sonetto19991 小时前
Nginx 反向代理,啥是“反向代理“啊,为啥叫“反向“代理?而不叫“正向”代理?它能干哈?
运维·前端·nginx