初识vue
1.vueJS是什么？
Vue.js 不是一个框架，它只是一个提供 MVVM 风格的双向数据绑定的库，专注于 UI 层面。Vue.js 提供的核心是 MVVM 中的 VM，也就是 ViewModel。ViewModel 负责连接 View 和 Model，保证视图和数据的一致性。如果你用过 AngularJS，你会发现 Vue.js 同时还借鉴了 Angular 的 directive 和 filter 的概念，但是 API 要简单易懂得多，整体也轻巧得多。在组件化这一点上，Vue.js 和 facebook 的 React.js 更为接近，可以定义可复用和嵌套的组件类，并且可以在模板中声明式地使用组件。
vuejs的最大的特点就是上手简单，没有angular的依赖注入那么麻烦，也不需要去理解注入的都是什么东西，相对于angularjs和react，它更是结合了其他两者的长处，借鉴了其他两者的指令和react的组件化，以及自己做了其他的一些优化。用之更为简单，易上手。
2.组件化
vue组件是一大亮点，它可以扩展html元素。封装可置用的html，css，简书代码，极大的提高了开发效率和代码的维护性。
以上是概念性的东西，接下来是一些指令，以及一些案例练习。
一，书写格式
new Vue（{
//里面有三个参数
el："#app", //参数一：vue的指令在哪个区域内有效果（放置地方随意，body，div任意一个标签都可以）
data：{msg："你好vue'} //参数二：vue的数据
methods：{
say：function（）{} //需要调用的方法
}）
二，模板指令
1，v-text -->绑定文本
eg：
<div v-text="msg"></div>
以上面书写格式为例，那么此时div内容的输出就是“你好vue” //实现绑定
2，v-html -->绑定htm标签 可以识别标签
eg：
new Vue({
//vue 的指令在哪个区域内有效果
el:"#app",
//vue数据
data:{msg:"你好vue"，tip："<h1>你好，我是海绵宝宝</h1>"},
//方法
methods:{
say:function(){
alert("你好派大星，我是海绵宝宝");
alert(this.msg);
}
}
})
body内输出 <div v-htm="tip"></div>//即可输出
3，v-once只可以绑定一次
eg：
<h1 v-oncev v-text="msg"></h1>
// 只可以绑定一次
4，{{}} --->表达式，可以做简单的js指令 但是需要注意，直接输出内容时要加单引号
eg：
{{msg}}直接可以输出内容
5，v-bind：属性名--->绑定属性
eg：
<div v-text="msg" v-bind:title="msg" :id="msg"></div>
直接输出即可
三，事件指令
v-on：click="调用的函数名"
eg：
<button v-on:click="say()>你好</button>
//点击你好时 调用上面的say函数
四，表单指令
v-model ="" ---->将数据和表单联系起来
eg：
<input type="text" v-model="msg" />
此时input内的value值默认就是msg的值 实现双向绑定
五，简写
1，属性绑定
：属性名 ：title ：id
2，事件简写
@事件名 <button @click="say()">你好</button> //发生点击事件
六，修饰符
冒号后面称为参数，点后面叫做修饰符
eg：
<input type="text" v-model..lazy="msg" />
