Vue学习--
Posted Mrning
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue学习--相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="http://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <pre><a v-bind:href="url">菜鸟教程</a></pre> </div>
<!--根据js中绑定的值，在a标签中显示，并且根据js中绑定的跳转连接，显示到html中--> <div id="ning"> <pre><a v-bind:href="url">{{me}}</a></pre> </div>
<div id="app"> <!-- 根据input中输入的值同步修改p标签中显示的值 -->
<p>{{ message }}</p>
<input v-model="message">
</div>
<script>
new Vue({
el: ‘#app‘,
data: {
url: ‘http://www.runoob.com‘
}
})
new Vue({
el:‘#ning‘,
data:{
url:‘http://www.baidu.com‘,
me:"百度"
}
})
new Vue({
el: ‘#app‘,
data: {
message: ‘Runoob!‘
}
})
</script> </body> </html>
以上是关于Vue学习--的主要内容，如果未能解决你的问题，请参考以下文章