关于Vue的一些指令和组件

指令
Vue.js 的核心是采用简单的模板语法来声明式的将数据渲染进DOM里

v-if:使文本隐藏或显示；
v-show:跟v-if的意思一样，两者区别在于v-show适合切换率较高的数据；
v-for: 循环对象或者数组；
v-bind：绑定vue的标签或者组件的属性
           	静态属性  永远不改变 不是变量
            动态属性  接收是变量  (v-bind)
v-on：绑定事件 v-on:click 简写为@click
v-model：只能绑定在输入框 实现数据的双向绑定
		当你修改页面的时候 v-model自动去更新数据层
		当你修改数据的时候 v-model自动去更新视图层

** 标题组件***
组件分为全局组件和局部组件

Vue组件： 代码复用和抽象的主要形式是组件
组件当作小型的单元实例对象 带有一个名称（小巧，独立，可复用）

全局组件命名格式：
Vue.component（”组件名“,{template:"组件内容"}）
组件命名规则：
组件名不能跟html标签一致

局部组件命名格式：
new Vue({
components:{
            slider（组件名）:{
                template:"<h2>slider- slider - slider</h2>"
            }
        },

})