挂载点、模板与实例之间的关系

简介: 挂载点、模板与实例之间的关系

挂载点:也就是Vue实例中el属性对应的id的dom节点,Vue只会处理挂载点的内容。

<div id="root"></div>


模板:挂载点内部的内容都称作模板内容,其中模板还可以放置在Vue的实例中进行编写,如果使用Vue实例方式,则需要使用标签把数据包起来。

<!-- 挂载点,模版,实例之间的关系 -->
<div id="root"></div>
<script>
    new Vue({
            el:"#root",
            template: '<h1>hello {{msg}}</h1>',
            data: {
                msg: "hello world"
            }
})
</script>


实例:实例需要指定挂载点,还可以指定模板和数据,并且Vue会自动结合模板和数据进行展示。

目录
相关文章
|
数据库
主题域、概念、逻辑、物理四种模型有什么区别与联系?
主题域、概念、逻辑、物理四种模型有什么区别与联系?
WPF—多重绑定和跨层级绑定
WPF—多重绑定和跨层级绑定
|
供应链 算法 前端开发
3类需求层次结构关系,企业该如何选择和设置?
企业在云效上到底应该用需求来管,还是任务来管?需求、任务总是傻傻分不清楚。
429 1
3类需求层次结构关系,企业该如何选择和设置?
|
数据库
4.4关系配置
关系配置
182 0
|
PHP 开发者
命名空间子空间|学习笔记
快速学习命名空间子空间,命名空间就类似文件夹,就实现了一个内存的划分,命名空间也可以像文件夹一样多层,就是我们的子空间,理解子空间的概念,掌握子空间的创建规范以及怎么去创建子空间。
命名空间子空间|学习笔记
|
Python
跨文件夹调用自定义模块
跨文件夹调用自定义模块
104 0
|
存储 应用服务中间件 文件存储
使用NAS动态存储卷创建有状态应用
使用NAS动态存储卷创建有状态应用
4058 0
|
弹性计算 安全 数据库
阿里云安全组的正确使用及层级设计
本文介绍如何正确使用阿里云安全组策略及层级设计使用。
3598 0
|
弹性计算 图形学
关于Unity 2018的实体组件系统(通用名称ECS)
将介绍如何在Unity上使用实体组件系统(通常称为ECS)。这次的内容是Unity提供的ECS API的基本用法,一个小应用程序和并行化。它不包括与Unity的GameObject / Component的合作,以及实际使用。
1960 0
页面大小和页表项之间有必然的联系么?【转】
转自:https://zhidao.baidu.com/question/335974047.html 如果一个页面的大小为4K,页表项大小为4B,那么为什么可以存2^10个页表项?我的意思就是问为什么要拿4K/4B=2^10?页表项不应该是存在于内存里面的?和页面大小有什么关系?   Mr_无所不知 | 浏览 13070 次 |举报 我有更好的答案 推荐于2017-11-02 20:44:25 最佳答案   理解这样一个概念,操作系统为了方便管理内存,将内存划分成很若干个页,每个页表项就代表一个页的地址(页的地址,不是内存地址)。
2186 0

热门文章

最新文章