Vue入门
SOC:关注度分离原则
网页三要素: HTML+CSS+js :视图:给用户看,刷新后台给的数据
网络通信: axios
页面跳转: Vue-router
状态管理: vuex
Vue-UI:ICE
M 模型V 视图C 控制器
双向绑定:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 第一步导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
</head>
<body>
<!-- view层 模板-->
<div id="app">
//第四步:从模板中取出
{{message}}
</div>
<script>
//第二步:new一个vue对象
var vm=new Vue({
//第三步:绑定数据
el:"#app",
//model:数据
data:{
message:"hello,this is my first vue!"
}
});
</script>
</body>
</html>
标签:vue,入门,视图,Vue,new,message
From: https://www.cnblogs.com/yuanyu610/p/17011806.html