Vue_template是什么

最新推荐文章于 2024-05-15 23:25:41 发布

桃花扇J

最新推荐文章于 2024-05-15 23:25:41 发布

阅读量6.8k

点赞数 7

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44584442/article/details/109773267

版权

Vue 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

1.el是什么

提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标。可以是css选择器，也可以是一个HTML元素实例。如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显示调用vm.$mount()手动开启编译

2.template是什么

一个字符串模板作为Vue实例的标识使用。模板将会替换挂载的元素，挂载元素的内容都将被忽略。如下

<body>
  <div id="app">
    {{ }}
  </div>
  <script>
    const vm = new Vue({
      el: '#app',
      data: {
      },
      template: `<div id="app-10"></div>`
    })
  </script>
</body>

【结果】可以看到 el 被 template 代替了，即 template 的优先级要高于 el.

3.Vue初始化到挂载的流程图

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

桃花扇J

关注关注

7
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
Vue_template是什么

1.el是什么提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标。可以是css选择器，也可以是一个HTML元素实例。如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显示调用vm.$mount()手动开启编译2.template是什么一个字符串模板作为Vue实例的标识使用。模板将会替换挂载的元素，挂载元素的内容都将被忽略。如下<body> <div id="app"> {{ }} </div> <script
复制链接

扫一扫