Vue.js 教程,Vue 在线

30Vue.js 模板语法

陋室铭

唐代:刘禹锡

山不在高,有仙则名。水不在深,有龙则灵。

斯是陋室,惟吾德馨。苔痕上阶绿,

草色入帘青。谈笑有鸿儒,往来无白丁。

可以调素琴,阅金经。无丝竹之乱耳,

无案牍之劳形。南阳诸葛庐,西蜀子云亭。

孔子云:何陋之有?

29Vue.js 组件

凉州词二首·其一

唐代:王翰

葡萄美酒夜光杯,欲饮琵琶马上催。

醉卧沙场君莫笑,古来征战几人回?

28Vue.js 组件

九月九日忆山东兄弟

唐代:王维

独在异乡为异客,每逢佳节倍思亲。

遥知兄弟登高处,遍插茱萸少一人。

27Vue.js 组件

登鹳雀楼

唐代:王之涣

白日依山尽,黄河入海流。

欲穷千里目,更上一层楼。

26Vue.js 表单

全选与取消全选

new Vue({
    el: '#app',
    data: {
        checked: false,
        checkedNames: [],
        checkedArr: ["facesoho", "Taobao", "Google"]
    },
    methods: {
        changeAllChecked: function() {
            if (this.checked) {
                this.checkedNames = this.checkedArr
            } else {
                this.checkedNames = []
            }
        }
    },
    watch: {
        "checkedNames": function() {
            if (this.checkedNames.length == this.checkedArr.length) {
                this.checked = true
            } else {
                this.checked = false
            }
        }
    }
})

尝试一下 »