requireJS框架第二节

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

目录结构

my-menu-model.js

define('my-menu-model',['vue'],function(Vue){
    var myMenuModel = Vue.extend({
        template:'<h1>this a menu</h1>'
    });
    return myMenuModel;
});

config.js

require.config({
    baseUrl:"lib",
    paths:{
        "vue":"vue",
        "my-menu-model":"my-menu-model"
    }
});

index.js

require(['vue','my-menu-model'],function(vue,myMenuModel){
    // //创建组件，并挂在到#app元素上。
	new myMenuModel({
        el:"#app"
    });
});

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/require.js" data-main="lib/config.js"></script>
    <script src="index.js"></script>
</head>
<body>
	<div id="app"></div>
</body>
</html>

来源：oschina

链接：https://my.oschina.net/u/4157150/blog/3149042

标签

aMenu

Vue.js

requirejs

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!

requireJS框架 第二节

目录结构

requireJS框架第二节