第一个VueJs入门页面

待我称王封你为后i 2023-10-18 08:47 68阅读 0赞

Vue.js是什么

Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与[现代化的工具链][Link 1]以及各种[支持类库][Link 2]结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

入门代码：

<!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Vue入门实例</title>
     </head>
     <body>
      <div id="app">
      <ul>
       <li v-for="book in books">{
       {book.name}}</li>
      </ul
     </div>
    
    <script src=" href='https://cdn.jsdelivr.net/npm/vue/dist/vue.js">https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 
    <script>
     new Vue({
      el:'#app',
      data:{
       books:[
        { name:'《书本1》'},
        { name:'《书本2》'},
        { name:'《书本3》'},
        { name:'《书本4》'},
        { name:'《书本5》'}
       ]
      }
     })
    </script>
     </body>
    </html>

运行结果：

![70][]

![Image 1][]

[Link 1]: https://cn.vuejs.org/v2/guide/single-file-components.html
[Link 2]: https://github.com/vuejs/awesome-vue#libraries--plugins
[70]: https://img-blog.csdn.net/20180912233915867?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[Image 1]:

发表评论取消回复

表情：

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

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

相关阅读

相关第一个VueJs入门页面

Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue

待我称王封你为后i/ 2023年10月18日 08:47/ 0 赞/ 69 阅读

相关第一个SpringMVC入门程序

一、写在前面 1.SpringMVC处理流程 ![Image 1][]![70][] 二、创建工程 1.在Eclipse下新建Dynanic Web Project

﹏ヽ暗。殇╰゛Y/ 2023年10月18日 07:29/ 0 赞/ 165 阅读

相关 Node.js—第一个动态页面

话不多说上代码没有加什么处理也不严谨只为效果 const http=require('http'), path=require('pat

港控/mmm°/ 2023年10月11日 13:17/ 0 赞/ 75 阅读

相关第一个SpringMVC入门程序

1.什么是Spring MVC Spring MVC是Spring提供的一个实现了Web MVC设计模式的轻量级Web框架。它与Struts2框架一样，都属于MVC框架，

r囧r小猫/ 2023年06月15日 06:38/ 0 赞/ 64 阅读

相关第一个页面

Less （Leaner Style Sheets 的缩写）是一门向后兼容的 CSS 扩展语言。问题 1. 要在APP.vue中引入外部css文件时，不能直接in

布满荆棘的人生/ 2023年05月29日 03:19/ 0 赞/ 99 阅读

相关 vuejs初次学习入门

不得不说我对前端技术还是有追求的，这几天了解了下vuejs，记点笔记 vuejs是一个mvvm框架，博主以java开发为主，后台的mvc模式可以说是web开发的标配，没想

今天药忘吃喽~/ 2022年07月11日 07:29/ 0 赞/ 388 阅读

相关 laravel和vuejs第一个最简单的示例hello Vuejs

纯laravel和vuejs：第一个最简单的示例如果你到网上搜索laravel+vuejs，大部分情况下你会得到一堆如何用nodejs，webpack, babel,

淩亂°似流年/ 2022年06月03日 04:09/ 0 赞/ 337 阅读

相关 Django学习——创建第一个页面

1、在Pycharm中打开已经在命令行创建好的Django项目 ![70][] 2、Pycharm打开后里面只有一个myblog文件夹和manage.py文件，myblog

水深无声/ 2022年05月17日 08:18/ 0 赞/ 374 阅读

相关 vuejs入门实例讲解

vuejs是一个前端javascript框架，集各种操作和方法于一身的框架，可以取代jQuery在项目中使用，个人感觉，vue和angular框架很像，都有双向绑定的属性，也是

淩亂°似流年/ 2022年04月11日 13:54/ 0 赞/ 516 阅读

相关【Vue 学习】- VueJS 简单入门

目录一、概述 1、Vue 介绍 2、MVVM 模式二、Vue 入门 1、使用 IDEA 开发 Vue 2、插值表达式 --------------------

末蓝、/ 2021年09月21日 00:52/ 0 赞/ 899 阅读