php获取js的值在赋给value_【Vue.js 入门到实战教程】03Vue.js 列表渲染的基本使用和动态调整...
程序员文章站
2022-04-05 18:03:52
...
来源 | 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/[email protected]/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>
关于
上一篇: PHP实现模拟微信公众号开发者模式