Vue.js之初始化el

Vue中el的理解

Vue中的el,称之为挂载点,它有两种写法

1.new Vue({ el: '#app' });

2.new Vue({ }).$mount('#app');

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>数据绑定</title>
</head>
<body>
<!--
<div id="app">
1.{{message}}
</div>
<hr/>
<h1 id="app",class="app">
2.{{message}}
</h1>
<hr/>
<span>3.{{message}}</span>
-->
<!--<span></span>没有与Vue绑定,不会显示出'你好!'-->

</body>
</html>
<script src="../js/vue.js"></script>
<script>
    new Vue({
        // el: '#app',//对应的id选择器
        //el:'.app',//对于的class选择器
      date:{
        message:'你好!'
      }
    });

    /*
    new Vue({
    }).$mount('#app');*/

</script>
  • Vue会管理与Vue进行el绑定的元素及其内部的后代元素,建议使用id选择器,可以使用其他的双标签,不能使用html和body。
  • el绑定的元素内,都是Vue的作用范围。
  • 一个Vue实例只能绑定一个el。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值