zoukankan      html  css  js  c++  java
  • vue.js helloword

      下载https://vuejs.org/js/vue.js (复制粘贴也行)

      新建html

      引入vue

      

    <html>
      <head>
        <meta charset = 'utf-8'>
      </head>
      <script src="vue.js" type="text/javascript" ></script>
      <body>
        <div id="app">

         <!-- 默认的读取方式{{ key }} 下面的temple 为key-->

          <p>{{temple}}</p>
        </div>
      </body>
      <script>
        var app = new Vue({

          //所要应用区域的id
          el:"#app",

          //需要操作的数据
          data:{
            temple:'helloword'
            }
          })
      </script>
    </html>

    运行成功

    v-model 的绑定 (实现数据的多处显示联动)

    <html>
      <head>
        <meta charset='utf-8'>
        <title></title>
      </head>
      <script src="vue.js" type="text/javascript"></script>
      <body>
        <div id="app">
          <p>{{message}}</p>
          <input v-model="message"/>
        </div>
      </body>
      <script>
        var app = new Vue({
          el:'#app',
          data:{
            message:"2000"
            }
        });
      </script>
    </html>

    运行结果如图 

  • 相关阅读:
    DOM解析和SAX解析对比
    SAX解析示例代码和原理
    xPath技术
    dom4j工具对XML写入修改删除操作实现
    Dom4j工具j解析XML原理和示例代码
    Servlet的多线程并发问题
    Servlet的自动加载
    servlet缺省路径
    线程安全问题出现 的根本原因和解决方案
    9.12測试(四)——測试笔
  • 原文地址:https://www.cnblogs.com/NISUN/p/9156379.html
Copyright © 2011-2022 走看看