2018-09-11

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 实现响应的数据绑定和组合的视图组。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue常用指令 v-model:双向数据绑定,常用于表单元素 v-for: 对数组或对象进行循环操作 v-on:时...
    e5eb668e07a1阅读 1,313评论 0 0
  • 作业的石墨文档链接:https://shimo.im/docs/as3hk03PWzwFcRyK 这次作业的重点记...
    Scientist_ab99阅读 1,144评论 0 0
  • vue第一天总结 1.下载并且安装vue.js,输入指令 upm install vue,下载成功之后出现文件即...
    七缘灬阅读 1,924评论 0 3
  • 2017年6月4日 星期日 天气晴 崔笑妈妈亲子日记 美好的一天从清晨开始了!宝贝睁开双眼的第一件事就是...
    崔笑妈妈阅读 1,631评论 1 1
  • 偶尔在微博上看到朋友发的一段,某天看电影间隙,看到逼婚桥段她无意跟先生说,作为结婚十几年又没有BB的老两口真心觉得...
    于一潇阅读 3,203评论 3 10