实习小白的第六天

　　今天安装了vue的环境并稍微了解了vue的语法。但还是不是那么熟练。今天听到了导师讲的课。感触很大。大学学的太浅了，对于优化考虑太少了。我立志优化和功能一样重要。下面是笔记：

• 布置环境
• 基础知识
  • 挂载点【el】
    只会处理挂载的内容
    • 延迟挂载【$mount】
      app.$mount('#app​')
  • 模板【template】
    • 方式
      • 在挂载点的内容一下
      • 在实例里编写
        template的属性里
  • 实例
    • 数据【data】
      • 插值表达式【Mustache语法】
        <h1>{{mes}}，111</h1>可以进行三元计算​
      • vue里的指令
        <h1 v-text="mes"></h1><h1 v-html="mes"></h1># 会被转义​​
    • 事件
      • v-on：=====@
        • @click.stop
          假设一个div区域设置了点击事件。但如果又有同区域的一个按钮设置了点击事件。就会同时出发两个点击事件。所以可以在按钮的点击事件加入<button @click.stop="buttonClick">点击</button>​就只会触发按钮的点击事件​
        • @click.prevent
          阻止默认事件。比如form表单提交​
        • @keyup
          当按键抬起来使触发事件
        • @keydown
          当按键按下去时触发事件
        • @keyup.enter
          回车键按下触发事件
        • @click.once
          只触发一次
        • @click.native
          自定义监听组件
    • 方法【methods】
  • 绑定
    • 属性绑定
      • v-bind：=====：
        js表达式<input :vlaue="mes"/>​
        • 绑定class
          • 对象语法
          • 数组语法
        • 绑定style
          • 对象语法
            <h2 :style="{fontSize: finalSize + 'px', backgroundColor: finalColor}">{{message}}</h2>
          • 数组语法
            <h2 :style="[baseStyle, baseStyle1]">{{message}}</h2>​baseStyle: {backgroundColor: 'red'},baseStyle1: {fontSize: '100px'},​​
    • 双向数据绑定【v-model】
      • radio
      • checkbox
      • select
      • 修饰符
  • 计算属性和侦听器
    • 计算属性【computed】
      可以组合属性源computed：{ 函数主体​​}​
      • 优点：如果没有发生变化，会使用上次的缓存值
    • 侦听器【watch】
      watch：{ 函数主体​​}
  • v-if
    会把标签行删除
  • v-show
    只是将dispaly的属性修改
  • v-for
    循环项注：：要加:key=""增加渲染的能力​key值要求不同（可以增加冗余项做key值）​
  • v-once
    表示元素和组件只渲染一次，不会随着数据的改变而改变
  • v-pre
    显示原本的Mustache语法
  • 检测数组更新
    • push（）
      向数组添加元素
    • pop（）
      删除数组中的最后一个元素
    • shift（）
      删除数组中的第一个元素
    • unshift（）
      在数组最前面添加元素
    • splice（）【删除元素/插入元素/替换元素】
      删除元素：第二个参数传入你要删除几个元素​替换元素：第二个参数，表示我们要替换几个元素，后面是用于替换前面的元素插入元素：第二个参数，传入0，并且后面跟上要插入的元素​
    • sort（）
    • reverse（）
      
      
      明天要继续业务培训，加油啊。小台！