引入Vue<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
(开发环境)<script src="https://cdn.jsdelivr.net/npm/vue"></script>
(生产环境)
▲声明式渲染
<div id="test1">
{
{
text }} //text的内容通过vue来设定
</div>
<script>
var test1 = new Vue({
el: '#test1', //选中id为test1
data: {
text: '测试文字' //设定text的值,会显示在网页上
}
})
</script>
▲绑定元素属性
<div id="test2">
<span v-bind:title="text">
鼠标放在这里
</span>
</div>
<script>
var test2 = new Vue({
el: '#test2',
data: {
text: '