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