如何利用Vue.js库设计无序列表

2024-10-24 07:43:05

1、第一步,在web项目中创建静态页面index.html,并设置title里的内容,如下图所示:

如何利用Vue.js库设计无序列表

3、第三步,在body标签元素内编辑div和ul--li,使用v-for进行遍历循环,如下图所示:

如何利用Vue.js库设计无序列表

5、第五步,预览静态页面,发现页面展示{{cu.datas}},而不是无序列表,如下图所示:

如何利用Vue.js库设计无序列表
猜你喜欢