Vue笔记

  1. Vue事件

父组件传播信息到子组件:$broadcast 广播事件,通知给当前实例的全部后代
子组件传播信息到父组件:$dispatch 沿着父链向上冒泡在触发一个监听器后停止

vue将这些事件写到events这里

  2、vue-dev-server

當你在開發時,你一存檔,改寫的部份就即時更新元件到執行環境

  3.vue设计初衷

数据的变化自动映射为视图的更新

  4.Vue.js的组件可以理解为预先定义好了行为的ViewModel类

  • 模板(template):模板声明了数据和最终展现给用户的DOM之间的映射关系。
  • 初始数据(data):一个组件的初始数据状态。对于可复用的组件来说,这通常是私有的状态。
  • 接受的外部参数(props):组件之间通过参数来进行数据的传递和共享。参数默认是单向绑定(由上至下),但也可以显式地声明为双向绑定。
  • 方法(methods):对数据的改动操作一般都在组件的方法内进行。可以通过v-on指令将用户输入事件和组件方法进行绑定。
  • 生命周期钩子函数(lifecycle hooks):一个组件会触发多个生命周期钩子函数,比如created,attached,destroyed等等。在这些钩子函数中,我们可以封装一些自定义的逻辑。和传统的MVC相比,可理解为 Controller的逻辑被分散到了这些钩子函数中
  • 私有资源(assets):Vue.js当中将用户自定义的指令、过滤器、组件等统称为资源。由于全局注册资源容易导致命名冲突,一个组件可以声明自己的私有资源。私有资源只有该组件和它的子组件可以调用。
  • 同一颗组件树之内的组件之间还可以通过内建的事件API来进行通信

   5.vue-loader

提供了强大的loader API来定义对不同文件格式的预处理逻辑,从而让我们可以将CSS、模板,甚至是自定义的文件格式当做JavaScript模块来使用.vue文件将由vue-loader进行加载,.vue内同时包含html、css、js源码,使组件的独立,组件之间可以尽可能地解耦,便于开发维护

  6.Vue.js提供了简单却强大的动画系统,当一个元素的可见性变化时,用户不仅可以很简单地定义对应的CSS Transition或Animation效果,还可以利用丰富的JavaScript钩子函数进行更底层的动画处理。

7.templateData.js的键值对中的key是对应template文件夹下的开头文件

原文地址:https://www.cnblogs.com/tangwaikei/p/5335993.html