Today I Learned - Rocky Kev

Tagged “vue”

  1. TIL How to implement two-way binding without a framework

    One of the reasons we use React or Vue is because of that sweet sweet two-way binding. It's the automatic syncing of data between the model (data) and the view (UI) in both directions. Any changes made to the data will automatically update the view, and any changes made to the view will automatically update the data.

  2. TIL Cherry-picking out of bootstrap-vue

    If you are using a component library that uses ES modules like bootstrap-vue, you can cherry pick its components instead of just registering all of them globally.

  3. TIL How a virtual dom works

    Then, the Virtual dom compares diffs from old virtual dom, and then reapplies it. We apply the minimal amount of changes.

  4. TIL Vue's Render Function

    A good example is that you want to generate a lot of list items, and writing them in the '<template>' section makes it look like spaghetti.

  5. TIL Vue3 has modifiers built in for input forms

    v-model.number="num2" type="text"

  6. TIL Getting parent data from child component

    Sometimes we want to access data from a parent, but don’t want to go through the hassle of passing props.

  7. TIL a clean way to add classes based on the page in Vue

    If your pages exist in a array, use the includes() to check.

  8. TIL using code-splitting to improve your First Contentful Paint (FCP) score

    Code splitting is a technique where you send only the necessary modules to the user in the beginning.

  9. TIL properly adding files into Vue

    Adding external files into vue methods

  10. TIL how to jump to a element within a Vue Component

    You use the $el selector and a scrollIntoView

  11. TIL that you need to v-bind $attrs in Vue

    You have to bind $attrs to multi-root components

  12. TIL chaining Vue 3 Main.js

    Vue's Main.js file looks slightly different. Here is how to modify it.

  13. TIL Nestling Data in Vue

    Nestled

See all tags.