Vue基础知识
Vue框架作用
拓展html的功能,属性
vue是一套构建用户界面的 渐进式框架,Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
响应的数据绑定
Vue.js 的核心是一个响应的数据绑定系统,它让数据与 DOM 保持同步非常简单。在使用 jQuery 手工操作 DOM 时,我们的代码常常是命令式的、重复的与易错的。Vue.js 拥抱数据驱动的视图概念。通俗地讲,它意味着我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。一旦创建了绑定,DOM 将与数据保持同步。每当修改了数据,DOM 便相应地更新。这样我们应用中的逻辑就几乎都是直接修改数据了,不必与 DOM 更新搅在一起。这让我们的代码更容易撰写、理解与维护。
兼容性
一.
Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。
二.
Vue的引入方式直接通过Script引入
-->
Vue的基本模型
window.onload = function(){
var c = new Vue({
// el相当于elment el:'选择器', el表示vue作用范围
// data 地址的展示位置,相当于一个全局变量
el:'#box',
data:{
msg:'good moning'
}
});
};
{{msg}}
Vue的显示隐藏的小效果
v-on:click 点击事件
v-if显示
Vue双向绑定