vue入门

Vue  是 轻量的 模型视图视图模型 框架。就是数据的双向开发。

数据驱动+组件化开发。

渐进式框架。

官网：cn.vuejs.org

 

在读 Vue2.0 文档的时候，介绍“Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级不同的是，Vue 采用自底向上增量开发的设计。”
那么问题来了，什么是“渐进式框架”？什么是“自底向上增量开发”？

 

渐进式：可以一步一步使用，可以选择性的精简使用。

暂且这么理解。  可以先跳过，不求甚解。之后用过vue开发之后自然可以体会出它的特点。

 

响应式：就是可以自适应调整布局，适应多种分辨率。

 

MarkDown里的一些标记。  两个星号 是加粗的意思。 例如 **vue.js** ，就是给它加粗。 加号 是 列表的条目前标记圆点。###是修饰标题。##也是标题。个数代表几号标题。

添加图片。![]()

[]中可以写一些文字。

()中写上图片地址。

可以用智能文本(sublime text)这个软件来写这个md文件。

鼠标放在行号那一栏，可以折叠多行。

 

Vue 指令 都是 v-开头。

Angular 是以ng- 开头。所有的属性和方法都存储在作用域中。$scope。

 

这些框架包括react都不兼容低版本的因特尔浏览器，8以下的。

可以使用 bower info vue 来查看它的版本信息。所有版本。

 

浏览器控制台会提示下载vue的开发工具。

 

生产环境不要提示。

Vue.config.devtools=false;//取消调试。

Vue.config.productionTip= false;//取消提示。

 

Vue常用的指令

v-model  双向数据绑定。 一般用于表单元素。

v-for

v-on   绑定事件。用法： v-on:事件名=”函数”

鼠标经过 事件 mouseover

Arr.push(666)  向arr这个数组里面添加元素666.

判断两个对象相等  === 三个等号。

 

v-show/v-if 用来显示隐藏元素。 V-show是真正的隐藏，通过display实现。

v-if是每次删除后重新创建。

 

通过v-show和v-on:click来切换显示隐藏div