Vue.js学习之路（二）挂载点、数据对象

最新推荐文章于 2023-05-08 16:47:21 发布

Jesmine mm

最新推荐文章于 2023-05-08 16:47:21 发布

阅读量266

点赞数 1

文章标签： html 前端 vue

本文链接：https://blog.csdn.net/qq_41342504/article/details/104511997

版权


<body>
    <div id="app">
        {
  {message}}
    </div>
    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: "#app",
            data: {
                message: "hello word!"
            }
            })
    </script>
</body>

这个是上一篇文章中实现hello world程序的关键代码，上一次我们只是简单实现了这个功能，但是对于其中的关键字我们还不知道是什么意思。这篇文章我们就一一讲解。

一、el 挂载点

1、作用范围：el命中的元素内部。像上边的程序我们el命中的范围也就是id为app的那个div，当然，如果我们继续向其中嵌套动元素也是同样可以作用到的。

    <div id="app">
        {
  {message}}
        <span>{
  {message}}</span>
    </div>

2、选择器：适用于所有选择器：id选择器（#）࿰

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Jesmine mm

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue.js学习之路（二）挂载点、数据对象

<body> <div id="app"> {{message}} </div>  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...
复制链接

扫一扫