VueJS 声明式编程 初体验
Q:为什么要换一种编程范式,转变原生JS的编程范式?
这样可以做到数据和界面的完全分离。更改数据后,页面也会自动更改。如果数据是从服务器请求过来的,接口变了,服务器返回的数据变了,界面根本不需要改。
零零总总几个概念:
v-for 遍历
语法糖:简写。 例如:@click 是 v-on:click 的语法糖
下面是一个Vue的模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
{{message}}
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
message:'你好啊'
}
})
</script>
</body>
</html>
ps:可以把它设置成template哦,以后就不用重复打啦!