Vue.js

  • Vue.js基础课程:学习在组件中添加属性

    Vue.js基础课程:学习在组件中添加属性

    Vue基础-组件中添加属性 Vue基础-组件中添加属性 在Vue.js中,可以创建自定义组件并向其添加属性。这使得我们可以在组件中传递数据,并根据需要对其进行操作。本文将介绍如何在Vue中向组件中添加属性。 使用Props 在Vue中,可以使用props选项来定义组件的属性。props是一个数组,其中包含希望从父组件传递给子组件的属性名称。 Vue.component(‘my-component’, { props: [‘message’], template: ‘ {{ message }} ‘ }) 在上面的示例中,’my-component’组件定义了一个名为’message’的属性。在使用该组件时,可以将数据传递给’message’属性。 向子组件传递属性 在父组件中,可以使用v-bind指令将数据传递给子组件的属性。v-bind指令接受一个表达式作为参数,该表达式的值将传递给子组件的属性。 在上面的示例中,’parentMessage’是父组件中的数据,它将传递给’my-component’组件的’message’属性。…

  • Vue.js: အပိုင်း ၁။ Frontend Engineer တစ်ယောက်အတွက် မသိမဖြစ် Hello xxx ထွက်အောင်ရေးမယယ်

    Vue.js: အပိုင်း ၁။ Frontend Engineer တစ်ယောက်အတွက် မသိမဖြစ် Hello xxx ထွက်အောင်ရေးမယယ်

    Frontend Engineer တစ်ယောက်အတွက် မသိမဖြစ် Vue.js Frontend Engineer တစ်ယောက်အတွက် မသိမဖြစ် Vue.js Vue.js သည် ပြီးခဲ့သည့် အနည်းငယ်ရန် frontend framework တစ်ခုဖြစ်ပါသည်။ အပိုင်း ၁။ Hello…

  • SithasoIONIC7: Using Ionic with B4X for JavaScript, Angular, Vue.js, and React Development

    SithasoIONIC7: Using Ionic with B4X for JavaScript, Angular, Vue.js, and React Development

    , ,

    SithasoIONIC7 – Ionic with b4x SithasoIONIC7 – Ionic with b4x Are you looking for a powerful framework to build mobile…

  • Vue.js基础课程: v-for状态保持【Vue基础】

    Vue.js基础课程: v-for状态保持【Vue基础】

    Vue基础课程 – v-for状态保持 Vue基础课程 – v-for状态保持 在Vue.js基础课程中,v-for指令是用于渲染列表的常用指令。它可以让我们根据数据源动态地渲染出多个元素,但是在一些特定的情况下,我们希望保持v-for渲染的元素状态,而不是重新渲染它们。 为了实现v-for状态保持,我们可以使用`key`属性。当Vue.js使用v-for来渲染列表时,它会尝试尽可能高效的复用已经渲染过的元素,这意味着它会尽可能地避免删除或添加DOM元素。但是,在某些情况下,我们需要告诉Vue.js某个特定的元素是独一无二的,不应该被复用。这时,我们可以使用`key`属性来为每个元素提供一个唯一的标识。 下面是一个简单的例子: {{ item.text }} new Vue({ el: ‘#app’, data: { items: […

  • Creating Your First Vue.js Project with Laravel || Building a New Project with Vue.js #004

    Creating Your First Vue.js Project with Laravel || Building a New Project with Vue.js #004

    Laravel & Vue.js Project Welcome to Laravel & Vue.js Project In this article, we will learn how to create a…

  • Vue基础课程:触发视图更新补充【vue.js基础】

    Vue基础课程:触发视图更新补充【vue.js基础】

    Vue基础 Vue基础 – 触发视图更新补充 在Vue.js的基础课程中,我们学习了如何使用指令和数据绑定来实现视图的更新。然而,有时候我们需要手动触发视图的更新,这在一些特定的情况下非常有用。 在Vue.js中,我们可以通过调用`$forceUpdate`方法来强制更新组件的视图。 例如,假设我们有一个计数器组件: new Vue({ data: { count: 0 }, methods: { increment() { this.count++; this.$forceUpdate();…

  • Exploring the Differences Between React, Angular, and Vue in Web Development with Haidar Hanif at Kelas Tanya DomaiNesia

    Exploring the Differences Between React, Angular, and Vue in Web Development with Haidar Hanif at Kelas Tanya DomaiNesia

    ,

    Kelas Tanya DomaiNesia – React vs Angular vs Vue in Web Development w/ Haidar Hanif Kelas Tanya DomaiNesia: React vs…

  • Change nginx configuration file for deploying Laravel and Vue.js project on a Linux server

    Change nginx configuration file for deploying Laravel and Vue.js project on a Linux server

    Change nginx conf file Change nginx conf file (Deploy Laravel and Vue js Project with Linux Server) In order to…

  • Laravel and Vue js Quiz Page with Inertia js

    Laravel and Vue js Quiz Page with Inertia js

    Create Quiz Page Create Quiz Page If you are looking to create a quiz page using Laravel, Vue js, and…

  • 【vue.js基础课程】—学习如何触发视图更新【Vue基础】

    【vue.js基础课程】—学习如何触发视图更新【Vue基础】

    Vue基础: 触发视图更新 Vue基础: 触发视图更新 在Vue.js基础课程中,了解如何触发视图更新是非常重要的。 Vue.js是一个流行的JavaScript框架,它提供了响应式和数据驱动的方法来构建用户界面。 当你的数据发生改变时,Vue会自动更新DOM,但有时你可能需要手动触发视图更新。 这可以通过调用Vue实例的$forceUpdate方法来实现。这将强制Vue实例重新渲染,并更新视图。 另外,你也可以通过触发数据的变化来更新视图。这可以通过调用Vue实例的$set方法来添加响应式属性,或者直接使用Vue.set方法来实现。 除此之外,你还可以使用watch属性来监视数据的变化,并在数据改变时执行相应的操作。 总的来说,触发视图更新是Vue.js中一个重要的概念,你可以通过多种方式来实现。