vue入门须知

2023-06-27 22:17•python•阅读 4325

1.vue基本结构

　　<!DOCTYPE html>

　　　　<html>

　　　　　　<head>

　　　　　　　　　　window.onload=function(){

　　　　　　　　　　var c = new Vue({

　　　　　　　　　　　　el:"#box", //选择器

　　　　　　　　　　　　data:{ //数据

　　　　　　　　　　　　　　msg:'welcome to vue'

　　　　　　　　　　　　methods(){

　　　　　　　　　　　　　　　　show:function(){

　　　　　　　　　　　　　　　　alert(1);

　　　　　　　　　　　　　　}

　　　　　　　　　　});

　　　　　　　　};

　　　　　　</script>

　　　　</head>

　　　　<body>

　　　　　　<div //五秒后执行show()事件

　　6.)limitBy 2 // 取（默认前）2个数据 limitBy 2 1 //取2条数据，从1开始 limitBy 2 arr.length-2 //取倒数2条数据，arr为这个数组

　　7.)filterBy ‘p’ //得到数据中包含p的数据

　　8.)orderBy //排序参数可以为1正序，-1倒叙