野狗君说
笃信大多半前端开辟人员，都运用过Angular，Ract可能Vu.js。他们都经过数据绑定的办法，擢升了开辟效率。而目前，不管在Angular，Ract，依旧Vu.js中，都能特别便利的经过野狗，来完结快捷开辟。底下，野狗君给众人讲解下Vu.js，以及如安在Vu.js中运用野狗。
Vu.js的开辟初志
（开创人自述）
------------------------------
岁暮，我还在GooglCrativLab劳动。那时在项目中运用了一段时候的Angular，在感想数据绑定带来临盆力擢升的同时，我也觉得Angular的API安排过于噜苏，使得研习弧线很是陡峭。
出于对Angular数据绑定旨趣的猎奇，我起头“造轮子”，自身完结了一个特别粗拙的、基于依赖搜罗的数据绑定库。这便是Vu.js的前身。同时在现实开辟中，我发掘用户界面绝对也许用嵌套的组件树来形容，而一个组件凑巧也许对应MVVM中的ViwModl。因而我决议将我的数据绑定试验革新成一个真实的开源项目，其中央心思便是“数据启动的组件系统”。
——Vu.js开创人EvanYou
MVVM数据绑定
------------------------------
MVVM的实质是经过数据绑定链接Viw和Modl，让数据的改变主动映照为视图的革新。Vu.js在数据绑定的API安排上鉴戒了Angular的指令机制：用户也许经过具备特别前缀的HTML属性来完结数据绑定，也也许运用罕见的花括号模板插值，或是在表单位素上运用双向绑定：
!--指令--
spanv-txt=msg/span
!--插值--
span{{msg}}/span
!--双向绑定--
inputv-modl=msg
插值实质上也是指令，不过为了便利模板的誊写。在模板的编译历程中，Vu.js会为每一处需求动态革新的DOM节点缔造一个指令目的。每当一个指令目的视察的数据改变时，它便会对所绑定的目的节点履行响应的DOM操纵。基于指令的数据绑定使得详细的DOM操纵都被正当地封装在指令界说中，生意代码只要要波及模板和对数据状况的操纵便可，这使得运用的开辟效率和可保护性都大大擢升。
图1Vu.js的MVVM架构
与Angular不同的是，Vu.js的API里并没有复杂的modul、controllr、scop、factory、srvic等观念，一概都因而“ViwModl实例”为基础单位：
!--模板--
divid=app
{{msg}}
/div
//原生目的即数据
vardata={
msg:hllo!
}
//缔造一个ViwModl实例
varvm=nwVu({
//筛选目的元素
l:#app,
//供应初始数据
data:data
})
衬着后果：
divid=app
hllo!
/div
在衬着的同时，Vu.js也曾经告竣了数据的动态绑定：此时假如更换data.msg的值，DOM将主动革新。是不是特别简略易懂呢？除此除外，Vu.js对自界说指令、过滤器的API也做了大幅的简化，假如你有Angular的开辟阅历，上手会特别敏捷。
如安在Vu.js中运用野狗
------------------------------
明白了Vu.js以后，咱们看看何如完结Vu.js与野狗的时刻数据交互。
装配
1、假如运用script全部引入：假如Vu存在会主动装配。
had
!--Vu--
scriptsrc=