vue 从⼊门到精通之【vue数据视图】(⼀)
Vue是"渐进式框架":vue.min.js只包含了vue的核⼼内容【例如:options api 、数据处理、template模板视图解析等操作】;真实项⽬中我们还会根据需求,导⼊
vuex实现公共状态管理
vue-router 实现SPA(single page application)单页⾯应⽤
element-ui/antdv/iview/vant/cube基于这些UI组件库快速创建项⽬
axios 实现数据通信
@vue/cli 基于vue的脚⼿架创建⼯程化项⽬
Vue是基于MVVM模式构建的框架,它本⾝实现了viewModel层实现监听数据/视图的变化,从⽽去渲染视图/修改数据。所有我们学习vue 主要考虑两条主线:
Model数据层
View视图层
vue MVVM双向数据绑定
angular (简称:ng) MVVM
react router 方法react MVC 单向数据绑定
let vm = new Vue({
// 指定视图
el: "#app"
});
let vm = new Vue({});
vm.$mount('#app');
let vm = new Vue({
render:h=>{},
template: `
<div>
最后把数据渲染在这个视图中
</div>
`
});
设置的数据直接挂载到vm实例对象上,vm.msg;
挂载到实例上的东西能够直接在视图中使⽤;
后期更改数据,vue会监听到数据的更改,通知视图按照最新的数据重新渲染;我们把修改后视图会重新渲染的数据称之为响应式数据(状态)
}, 1000)
,这样 v-cloak 语法编译为真实DOM //只有点击的元素是handle不执
在
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论