1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <!--
- 模板语法:
- 1.插值语法:{{}} 将data中的数据或者是js的语法片段渲染到页面中
- 2.内置指令:v-xx
- -->
- <div id="app">
- 数字:{{num}}
- 求和:{{a+b}}
- 随机数:{{Math.random()*10}}
- 新的:{{'i love you'}}
- </div>
- <script src="../vue.js"></script>
- <script>
- var app = new Vue({
- el:"#app",
- data:{
- num: 1,
- a: 10,
- b: 35
- }
- })
- </script>
- </body>
- </html>
|