• Vue atguigu 2


    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8" />
        <title>模板语法</title>
        <!-- 引入Vue -->
        <script type="text/javascript" src="../js/vue.js"></script>
      </head>
      <body>
        <!--
                    Vue模板语法有2大类:
                        1.插值语法:
                                功能:用于解析标签体内容。
                                写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。
                        2.指令语法:
                                功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.....)。
                                举例:v-bind:href="xxx" 或  简写为 :href="xxx",xxx同样要写js表达式,
                                         且可以直接读取到data中的所有属性。 Import   【 表达式 】
                                备注:Vue中有很多的指令,且形式都是:v-????,此处我们只是拿v-bind举个例子。

             -->
        <!-- 准备好一个容器-->
        <div id="root">
          <h1>插值语法</h1>
          <h3>你好,{{name}}</h3>
          <hr />
          <h1>指令语法</h1>
          <a v-bind:href="school.url.toUpperCase()" x="hello"
            >点我去{{school.name}}学习1</a
          >
          <a :href="school.url" x="hello">点我去{{school.name}}学习2</a> <br />
          <a :href="school.url">
            Hello go to study,where ? {{school.name}} url is {{school.url}}</a
          >
        </div>
      </body>

      <script type="text/javascript">
        Vue.config.productionTip = false; //阻止 vue 在启动时生成生产提示。

        new Vue({
          el: "#root",
          data: {
            name: "jack",
            school: {
              name: "尚硅谷",
              url: "http://www.atguigu.com",
            },
          },
        });
      </script>
    </html>
  • 相关阅读:
    [算法题] 汉诺塔问题
    ubuntu导入torch模块报错
    深度问答之提取语料2
    深度问答之提取语料,导入了yml模块
    python读取文件存到excel中
    zipfile.BadZipFile: File is not a zip file
    查看linux系统时间
    tensorflow:typeerror:‘noneType’ object is not callable
    正则匹配中文标点符号
    re.sub用法
  • 原文地址:https://www.cnblogs.com/2eggs/p/15807323.html
Copyright © 2020-2023  润新知