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>
相关推荐
庸俗今天不摸鱼18 分钟前
【万字总结】前端全方位性能优化指南(十)——自适应优化系统、遗传算法调参、Service Worker智能降级方案
前端·性能优化·webassembly
黄毛火烧雪下25 分钟前
React Context API 用于在组件树中共享全局状态
前端·javascript·react.js
Apifox36 分钟前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞38 分钟前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行39 分钟前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox
m0_5937581040 分钟前
firefox 136.0.4版本离线安装MarkDown插件
前端·firefox
掘金一周43 分钟前
金石焕新程 >> 瓜分万元现金大奖征文活动即将回归 | 掘金一周 4.3
前端·人工智能·后端
三翼鸟数字化技术团队1 小时前
Vue自定义指令最佳实践教程
前端·vue.js
Jasmin Tin Wei2 小时前
蓝桥杯 web 学海无涯(axios、ecahrts)版本二
前端·蓝桥杯
圈圈编码2 小时前
Spring Task 定时任务
java·前端·spring