zoukankan      html  css  js  c++  java
  • 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文件夹下的开头文件

  • 相关阅读:
    mysql 添加自增长ID(序列方式)
    获取本地IP地址信息
    Intellij 快捷键
    java转换汉字为首字母搜索,
    gitee在linux下自动备份
    七牛云续费dns的ssl证书
    shiro 的realm的授权
    realme的shiro简单实现方法
    shiro初探,最简单的认证,通过ini文件。
    git config file
  • 原文地址:https://www.cnblogs.com/tangwaikei/p/5335993.html
Copyright © 2011-2022 走看看