day01 初识Vue.js

r囧r小猫 2021-12-14 22:43 297阅读 0赞

**1.1什么是Vue.js?**  
(1).简单小巧的核心，渐进式技术栈，  
所谓的简单小巧是指Vue.js压缩后仅仅只有17kb,而渐进式就是你可以一步步地、有阶段性地使用Vue.js.  
(2).提供了现代web开发中常见的高级功能

*  解耦视图与数据
 *  可复用的组件
 *  前端路由
 *  状态管理
 *  虚拟DOM  
    1.1.1 MVVM模式  
    简单的来理解，就是通过双向绑定来让视图层和视图模型保持一致，自动更新状态。  
    **1.2如何使用Vue.js**  
    这是两种v-for遍历方法的区别

<body>
        <div id="app">
             <ul>
                 <li v-for="(elem,i) of books" :key="i">{
       {elem.name}}</li>
             </ul>
        </div>
        <script>
            new Vue({
                el:'#app',
                data:{
                    books:[{name:'《Vue.js实战1》'},
                           {name:'《Vue.js实战2》'},
                           {name:'《Vue.js实战3》'}
                                                   ]
                }
            })
        </script>
    </body>

<body>
        <div id="app">
             <ul>
                 <li v-for="elem in books">{
       {elem.name}}</li>
             </ul>
        </div>
        <script>
            new Vue({
                el:'#app',
                data:{
                    books:[{name:'《Vue.js实战1》'},
                           {name:'《Vue.js实战2》'},
                           {name:'《Vue.js实战3》'}
                                                   ]
                }
            })
        </script>
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，297人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue-01---初识Vue

不建议初学者直接使用vue-cli脚手架不建议初学者使用开发工具直接创建Vue工程直接在html中用script引入浏览器安装Vue Devtoo...

本是古典何须时尚/ 2024年04月29日 11:13/ 0 赞/ 60 阅读

相关 01 初识HTML5

HTML5结构组成 HTML5主要是由标签组成的，如下代码就是HTML5的主要组成部分： <!DOCTYPE html> <!-

柔光的暖阳◎/ 2024年03月31日 15:16/ 0 赞/ 57 阅读

相关 JavaScript Day01 初识JavaScript

文章目录 1.初识JavaScript 1.1.什么是JavaScript 1.2.JavaScript的组成部分 1.3.

绝地灬酷狼/ 2024年03月16日 19:57/ 0 赞/ 35 阅读

相关 day01 python初识、数据类型、流程控制

今日内容大纲： 1，计算机基础。 cpu，内存，硬盘，操作系统。 2，python的发展与应用。 3，python的历史。 2008年python同时更新了

灰太狼/ 2023年08月17日 16:59/ 0 赞/ 129 阅读

相关数据湖初识(01)

数据湖初识近两年，为什么都开始谈论起 Data Lake 这个”新名词”了？先说说我的想法，其实还是用户需求驱动数据服务，大家开始关注 Data Lake 的根本原

柔情只为你懂/ 2022年12月29日 01:46/ 0 赞/ 165 阅读

相关 Python01_Python初识

Python初识安装Python环境推荐VS2019 复制，直接运行感受python程序 import time print('你来和我

ゞ浴缸里的玫瑰/ 2022年10月23日 11:12/ 0 赞/ 190 阅读

相关数据湖初识(01)

数据湖初识近两年，为什么都开始谈论起 Data Lake 这个”新名词”了？先说说我的想法，其实还是用户需求驱动数据服务，大家开始关注 Data Lake 的根本原

谁借莪１个温暖的怀抱￠/ 2022年09月11日 05:21/ 0 赞/ 231 阅读

相关 01-前端初识

一、今日详细　　1、前端简介　　　　前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。　　　　前端的核心技术，主要为：HTML、CSS

雨点打透心脏的1/2处/ 2021年12月23日 01:59/ 0 赞/ 345 阅读

相关 day01 初识Vue.js

1.1什么是Vue.js? (1).简单小巧的核心，渐进式技术栈，所谓的简单小巧是指Vue.js压缩后仅仅只有17kb,而渐进式就是你可以一步步地、有阶段性地使用Vu

r囧r小猫/ 2021年12月14日 22:43/ 0 赞/ 298 阅读

相关 Day1,初识Python

作业： ![1712860-20190611235909835-851802722.jpg][] name = ' aleX' print(nam

￡神魔★判官ぃ/ 2021年11月04日 13:38/ 0 赞/ 341 阅读