zoukankan      html  css  js  c++  java
  • vue的基本使用

    1.实例参数分析
    el :元素的挂载位置(值可以是CSS选择器或者DOM元素)
    data :模型数据(值是一个对象)
    2.插值表达式{{}}
    将数据填充到HTML标签中插值表达式支持基本的计算操作
    3.案例

    <!DOCTYPE html>
    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Hello World</title>
     <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js"></script>
    </head>
    <body>
       <h1>Hello</h1>
       <div id="app"> 
        {{message}}//两者的值保持一致的,显示的值就是 hello world!!
       </div>
     <script>
       var vm = new Vue({
       el:'#app',//这个app就是DIV的属性值里的app
       data:{
       message:'hello world!'
       }
    });
     </script>
    </body>
    </html>
    
  • 相关阅读:
    个人阅读2
    代码复审
    PairProject 总结
    Pairproject 移山之道 阅读随笔和一些问题
    M1/M2个人总结
    团队项目个人总结
    个人阅读作业2
    代码互审
    《移山之道》读后感
    Individual Project
  • 原文地址:https://www.cnblogs.com/jiyuwu/p/14154733.html
Copyright © 2011-2022 走看看