容器跟Vue实例的对应关系
Vue实例可以使用 id选择器 或者 类选择器 去识别到相应的容器,但是 并不是 跟 H5 的类选择器一样可以同时操作多个容器
我们来做一个简单的demo试试:
vue实例与容器 一对一:
<div id="warp">
<h1>hello! {
{name}}</h1>
</div>
<script type="text/javascript">
new Vue({
el:'#warp',
data:{
name:'鸡你太美'
}
})
</script>
实现效果与预期一致,没毛病
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1690dc136a567104c84e933f8bb27f17.png)
vue实例与容器 一对多呢?
<div class="