开发者社区> 灵感蒙太奇> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

VUE导航栏书写

简介: html 中的书写         {{item.text}}     js中的书写 export default { name: 'NavMenu', data(){ return { NavList:[{ text: 'item1' ...
+关注继续查看

html 中的书写

<template>

<ul  class="xms-buttonNav">

  <li class="xms-navPills”  " v-for="(item, index) ofthis.NavList">

      <a>{{item.text}}</a>

   </li>

</ul>

</template>

js中的书写

<script>

export default {

name: 'NavMenu',

data(){

return {

NavList:[{

text: 'item1'

}, {

text: 'item2'

}]

};

},

}

</script>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vue实现导航栏吸顶效果
Vue实现导航栏吸顶效果
107 0
Vue.js 生命周期
最近一直是在用Vue做项目 , 所以了解生命周期对于了解vue十分重要 : 官方给出对vue生命周期的解释 :
1113 0
Vue.js 极简教程
https://unpkg.com/vue@2.5.3/dist/vue.js 来,直接开始: 创建一个 .html 文件,然后通过如下方式引入 Vue: jsfiddle Hello World 例子: https://jsfiddle.
1249 0
+关注
灵感蒙太奇
一名铁艺设计师跨界IT界,个喜欢创新和对新技术的学习探索。爱好绘画篮球,为人谦虚乐观,对生活充满好奇,对工作积极上进。
34
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载