来源于技术胖的视频讲解
1.实例：在构造器外部操作构造器内部的属性，选项，方法；给原生或其他的JS框架提供一个融合的机会，让Vue和其他框架一起使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>example</title>
<script src="../assets/js/vue.js" type="text/javascript"></script>
<script src="../assets/js/jquery.js" type="text/javascript"></script>
</head>
<body>
<h1>example</h1>
<hr />
<div id="app">
{{message}}
</div>
<script>
var app = new Vue({
el:'#app',
data:{
message:'hello world!'
},
mounted(){
// 在Vue中使用jQuery
$('#app').html('我是Jquery')
},
methods:{
add(){
console.log('调用了add方法')
}
}
})
// 实例调用自定义方法
app.add()
</script>
</body>
</html>
扫一扫
986
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
