Vue学习笔记(一)挂载点 模板 实例

    技术2024-10-17  61

    Vue基本语法

    <body> <div id=root> </div> <script> new Vue({ el:"#root", template:'<h1>Hello{{msg}}</h1>', data:{ msg:" World" } }) </script> </body>

    挂载点:元素对应的dom节点

    <div id=root> </div> //与Vue中id相对应的标签就是挂载点

    模板:标签中具体实现的内容

    <div id=root>{{msg}}</div> //里面的内容这就是模板

    模板有多种实现形式,可以写在标签里面,也可写在实例里。

    <script> new Vue({ el:"#root", template:'<h1>Hello{{msg}}</h1>', data:{ msg:" World" } }) </script> //注意模板template

    实例:定义挂载点,把定义的数据与模版结合起来

    Processed: 0.010, SQL: 9