zoukankan      html  css  js  c++  java
  • Vue快速入门

    介绍

    vue是当前非常火的前端框架,使用方便,方便后续快速学习各种语法,搭建最小运行代码

    最小运行代码

    新建demo.html文件,输入以下内容

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>VueDemo</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <ul>
                <li v-for="item in books">{{item.name}}</li>
            </ul>
        </div>
    
        <script>
            var app = new Vue({
                el: '#app',
                data: {
                    books: [
                        {name: '《vue.js》'},
                        {name: '《JavaScript语言精粹》'},
                        {name: '《JavaScript高级程序设计》'}
                    ]
                }
            })
        </script>
    </body>
    </html>
    

    将demo.html放在webserver路径下,直接访问demo.html文件即可看到效果。效果如下

  • 相关阅读:
    c语言之数据类型
    C语言之概述
    012.day12
    011.day011
    010.day010
    010.day08
    010.周六自习
    009.day07
    008.day06
    007.day05
  • 原文地址:https://www.cnblogs.com/xiaodekaixin/p/14653610.html
Copyright © 2011-2022 走看看