美文网首页
2018-09-11

2018-09-11

作者: 慎独_AB | 来源:发表于2018-09-11 14:41 被阅读0次

    1,下载安装vue.js下载git安装在需要下载vue.js的地方打开输入指令ump install vue下载成功后文件夹内会多出文件即可2,使用vue输出一个Hello world

    {{message}}

        var exampleData = {

            message: "hello world"

        }

        new Vue({

            el: "#app",

            data: exampleData

        })

        3,循环v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表:

          {{ site.name }}

    new Vue({

      el: '#app',

      data: {

        sites: [

          { name: 'Runoob' },

          { name: 'Google' },

          { name: 'Taobao' }

        ]

      }

    })4,使用vue写表格

    th与 td区别:加粗字体                                      < th>  编号

    名称单价

    1. {{ site.name }}

    new Vue({

      el: '#app',

      data: {

        sites: [

          { name: 'Runoob' },

          { name: 'Google' },

          { name: 'Taobao' }

        ]

      }

    })

    v-html和v-text的区别:

    v-html可以中可以识别标签而v-text则不可以

    v-once:

    只可以被渲染一次

    v-pre:

    被渲染后无法改变

    5,总结:

    Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组。

    相关文章

      网友评论

          本文标题:2018-09-11

          本文链接:https://www.haomeiwen.com/subject/nirugftx.html