vue草稿

标签
{ { }}可以拿属性也可以拿方法  
el: element 需要获取的元素一定是html里面的容器
data ：用于数据的存储
methods: 用于存储方法
data-bingding:给属性绑定值，包括 v-bind v-html v-on
事件
简单的事件绑定
样式的引入
修饰符
链式修饰符
双向数据绑定
input select  textarea
计算属性
优化了上面的方法，方法是在加载时候就会全部执行一遍，计算属性是用到才会执行
动态改变样式;
指令
可以用样式下面定义自己的元素实现样式的改变
多个vue对象
组件的应用
脚手架：
就是用webpack搭建的开发环境
node.js   6.9以上
npm   3.10以上
安装全局的cli
运行

src：index.html  -- main.js --app.vue

样式中的scoped 是作用域

传值;
 this.$emit('ttc',"子传父")
 v-on:ttc = "upt($event)"

生命周期：
找错误，断定写在哪里
beforeCreate:function(){
        alert('beforeCreate')
    },
    created:function(){        alert('created')
    },
    beforeMount:function(){
        alert('beforeMount')
    },
    mounted:function(){
        alert('mounted')
    },
    beforeUpdate:function(){
        alert('beforeUpdate')
    },
    updated:function(){
        alert('updated')
    },
    beforeDestroy:function(){
        alert('beforeDestroy')
    },
    destroyed:function(){
        alert('destroyed')
    }

路由：相对于a便签，点击不会刷新页面

加载router 和resource 就可以实现跳转和网络请求

基本表单
自定义组件
过滤

问题：
1.script 标签位置问题
   html 2.0以后哈市放在body标签闭合之前
就是的下载会阻塞后面都没树的构建，JS是加载就立马执行的如果里面是死循环后面是加载不出来的
2.冒泡事件：
事件捕获
当你使用事件捕获时，父级元素先触发，子级元素后触发，即div先触发，p后触发。

事件冒泡
当你使用事件冒泡时，子级元素先触发，父级元素后触发，即p先触发，div后触发。

W3C模型
W3C模型是将两者进行中和，在W3C模型中，任何事件发生时，先从顶层开始进行事件捕获，直到事件触发到达了事件源元素。然后，再从事件源往上进行事件冒泡，直到到达document。

3.v-model和key-value的转换

4.span 标签
5.样式里面代表的意思