首页 > 其他 > 详细

#千锋逆战班,1902#

时间:2020-04-20 22:41:35      阅读:58      评论:0      收藏:0      [点我收藏+]

人生重要的不是所站的位置,而是所朝的方向;

今天正式开始vue的学习,与以前有了不同的收获,学了一些指令,如何正确的运用这些指令:

所学的知识点归纳整理如下:
1. Vue.js 是什么   
   Vue是一套用于构建用户界面的渐进式框架
2. vue的环境搭建(Vue2 )
3. 经典的hello world案例
        new Vue({
          el:"挂载的元素"  挂载的元素不能是body或html
          data:{ key:value...}  data是存储数据的地方    (要把这数据渲染/挂载到模板里面)
          template:"<div>模板的内容" ,渲染数据的是模板  ,如果没有指定template,默认的模板就是el挂载的元素,如果el和template同时存在,
            渲染的是template模板的内容
         })
4. 插值表达式  {{插值表达式}}  Mustache
5. jq用的是事件驱动,而vue用的是数据驱动的思路
    数据改变了,视图会“自动”改变
6. 既然数据改变了,做了dom操作,视图才改变的,那么,效率怎么样??(解)
    虚拟dom技术(js对象,对象里存储的是模板的内容)-->数据改变了,比对据变化前后的对象的差异(diff算法),
    找出变化的部分,对变化的部分做真实的dom操作, 提高dom操作的效率
7. MVVM
     M  model 模型    存储数据    data
     V  view  视图    模板(template) 
     VM viewModel 视图模型    vm
8. 检查的数据的变化的原理  Object.defineProperty 
9. 指令    (组件,路由 vuex  第三方的插件)
      1) v-bind    把变量的值绑定到标签的属性上  *****  可以简写为:
10. 模板 template 
       1) template和el同时存在 渲染的是template的内容
       2) 模板的内容不能只是文本
       3)根元素只能有一个
11. v-on 事件监听的指令  v-on:事件="事件处理函数"  *****
        1)事件处理函数是放在methods里面
        2) 实际处理函数不过调用时不传参数  传递的参数是$event
        3) 阻止冒泡 v-on:事件.stop,阻止默认的行为 v-on:事件.prevent
        4) 简写为 @
        5) 监听键盘事件  v-on:keyup.enter 回车  v-on:keyup.esc esc键

#千锋逆战班,1902#

原文:https://www.cnblogs.com/wufenfen/p/12740654.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!