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