【Vue.js 入门到实战教程】03-Vue.js 列表渲染的基本使用和动态调整-技术圈

来源 | https://xueyuanjun.com/post/21917

我们继续介绍 Vue.js 框架的基本功能。

基本使用

在 Vue.js 中，可以通过 v-for 指令轻松实现列表渲染，在 vue_learning/basic 目录下新建 list.html，编写基于 Vue.js 实现的列表渲染代码如下：

<html lang="en"><head>    <meta charset="UTF-8">    <title>Listtitle>    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js">script>head><body><div id="app">    Web 编程语言：    <ul>        <li v-for="language in languages">            {{ language }}        li>    ul>div><script>    new Vue({        el: '#app',        data: {            languages: [                'PHP',                'JavaScript',                'Python',                'Golang',                'Java'            ]        },    });script>body>html>

关于