
<head>
<style type="text/css">
.test{width:100pxheight:300pxbackground: url(banner.jpg) 0px 100px)}
</style>
</head>
<body><span class="test"></span></body>
</html>
经过测试是可以的,图片不能显示可能是路径问题
第一步,创建静态页面vtext.html,修改title显示的内容并引入vue.js,第二步,在body标签元素内插入两个span元素,在第一个span绑定v-text指令,第二个span中插入{{message}},
第三步,编写JS代码,绑定数据源message,
第四步,预览静态页面vtext.html,发现{{message}}还是一样,未变成赋的值,
第五步,在两个span外层添加一个div,并将第一个span的id赋给div,再在第一个span标签上绑定v-model,
第六步,再次预览发现页面中的{{message}}变为绑定的数据源.
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)