初识vue

vue基础

1.vue 是一个MVVM框架

M 模型 model 数据 （data）

V 视图 view

VM 从mvc到mvp到mvvm vm视图模型 -> 处理逻辑

• 如下图，VM很重要
  

2.单项数据流

• 数据由父级传递给子级

3.vue是一个js渐进式框架（越学越难）

4.vue是使用了虚拟dom技术

5.vue拥有便利性的指令

• 指令：操作dom的一种方式

6.vue拥有组件系统

• 组件：组件是一个html,css,js的聚合体

vue-hello world案例引申出的知识点

• 当我们以script标签引入vue.js时，我们会得到一个全局变量Vue,她是一个构造函数
• 这个构造函数需要实例化才能起作用
• 我们需要一个已有dom作为vue实例作用范围
• 虚拟dom是从选项中分离出去的，所以我们才能使用this,但是这个在vue中看起来很别扭，所以可以省略this(内部有函数直接处理成为this，外边只是看不出来），出了这个范围vue失效(vue需要一个已有的dom作为整个vue作用的范围，出了这个范围，vue失效）
• data选项中的数据，在app范围内相当于全局变量
• 要想在dom结构中书写js，我们需要一个插值表达式也就是 {{}}

查看vue.js

我们导入的是已经处理后生成的代码 dist文件夹中的vue.js (lib文件夹为扩展）版本号为2.6.10

匿名函数

• 大部分封装库都是匿名函数
• 自动执行
• 解决了命名冲突
• 独立作用域
• 函数内变量使用结束后会被GC（垃圾回收机制）消除
• 符合函数式编程思想

(function ( ) { } ) ()
(function ( ) { } () ) 两种写法都对

凡是看到 " _ " " $ " " # " 我们称之为私有属性

vue使用有两种

vue可以模块化使用，可以使用npm安装，是因为他使用了amd的define来定义模块

vue可以以标签化引入