美文网首页
【Vue.js】挂载点,模板与实例(二)

【Vue.js】挂载点,模板与实例(二)

作者: kingloongMagic | 来源:发表于2018-08-25 21:40 被阅读0次

1、模板使用方式一,将数据写在data中

二、模板使用方式二,将数据写在template中,可携带html标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue学习</title>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="root">{{msg}}</div>
    <script>
        new Vue({
            el:"#root",
            data:{
                msg:"hello world"
            }
        })
    </script>
</body>
</html>

相关文章

  • 【Vue.js】挂载点,模板与实例(二)

    1、模板使用方式一,将数据写在data中 二、模板使用方式二,将数据写在template中,可携带html标签

  • 一、挂载点、模板与实例的关系

    一、挂载点、模板与实例的关系挂载点:Vue中的el属性所绑定的DOM节点Vue只会处理挂载点内的内容 模板:挂载点...

  • Vue 基础语法

    创建一个 vue 实例 挂载点,模板与实例 实例:使用 new 关键字,生成一个实例 挂载点:实例中 el 后面的...

  • vue学习

    vue 1 . 挂载点、实例和模板 挂载点:vue实例el属性对应的dom节点。vue只处理挂载点的下的内容 模板...

  • vue.js

    [vuejs挂载点,模板与实例的关系] 挂载点:element对应的标签 上面的html中{{msg}}去掉 这个...

  • vue第一个实例挂载点、模板、实例之间的关系

    挂载点 指的是Vue实例里的el属性对应的dom节点 id 模板 指的是挂载点内部的内容,实例里template属...

  • vue第二课:挂载点,模板,实例之间的关系

    vue实例是的el的绑定==挂载 而这个div为挂载点 挂载通过id或者是class 模板:挂载点内部的所有内容都...

  • vue.js

    --vue不再去操作dom元素,而是直接操作数据 --第一个vue实例 --挂载点、模板、实例之间的关系 挂载点-...

  • vue基础学习笔记

    1.vue实例、挂载点、模板创建vue实例:new Vue({el:"#root"})el含义:这个实例接管id=...

  • Vue父组件和子组件之间传递数据

    一、概念解析 挂载点: Vue实例的el属性对应的id,vue只会处理挂载点下面包含的内容模板: 挂载点下面包含...

网友评论

      本文标题:【Vue.js】挂载点,模板与实例(二)

      本文链接:https://www.haomeiwen.com/subject/nlxniftx.html