您的位置:首页 > Web前端 > JavaScript

seajs简单入门案例

2017-12-04 15:07 351 查看


<body>
<h3>seajs简单使用</h3>

<div id = 'app'>
<div>
<ul>
<li v-for = 'item in fruit'>{{item}}</li>
</ul>
</div>
</div>

<script type="text/javascript" src="sea.js"></script>
<script type="text/javascript">
seajs.use(['main.js']);
</script>
</body>

main.js代码:

define(function (require, exports, module) {

require('./jq') ;
require('./vue') ;

// vue代码
var _vm = new Vue({
data : {
fruit : ['苹果', '梨子', '橘子', '香蕉', '桃子']
},
methods : {

}
}).$mount('#app') ;

// jq代码
$app = $('#app') ;
console.log($app.get(0)) ;

// 测试
console.log('seajs') ;

}) ;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息