vue js 基础篇

学习vue的初心 是因为 angular react 的生态比较大也比较全面，在针对的单页的应用时，加载文件显得笨重,反而没优势，执行效率也比不上vue这类框架。

在引入vue.js  vuejs 的算是很简洁的了

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

在绑定的父级元素el：可以是 id  也可以使用 class tag 

插入值方面 使用 

data数据在绑定元素下 以{{message}}调用（比较简洁）

标签行内使用v-html=""

但是我个人好奇的是  为什么现在 没加 v -text的方法，因为{{message  }} 在加载的时候可以看见 该文本 的，而v-html可以写html元素，权限高了一点，存在注入风险。

v-bind:属性="" 行内属性

 vue 对js 的表达式支持比较好

这使得对vue 的使用变得更灵活

  n赋值为1的运行结果

<div wen="12我就是我">welcome to beijing</div>

<div>I feel so bad</div>

 三元表达式的支持 对页面数据的一定的局限性但是有  v-if 的补充

参考版本：vue.js 2.0 学习

参考网站：vue学习网站