初学vuejs-1

来源:互联网 发布:网页软件游戏开发 编辑:程序博客网 时间:2024/06/06 00:18
  • vuejs是MVVM的组件化的前端框架
  • 在前端项目开发的时候,只需要在页面中引入vue.min.js/vue.js
  • vuejs 是将页面元素与页面元素对应的操作绑定在一块组成一个组件component,一个component对应多个事件。而且对于某个元素可以直接在元素上使用@绑定操作。
  • component:将script代码块与组件整合到一起
vue.component("根元素下的元素",{template:"script的代码块ID"})
  • vue初探写法:
new vue({    el:"根元素Id或class 唯一辨别该元素的方式,如果有多个,只对第一个有效",    data:{        data1,//该根元素下的数据        data2    }    methods:{//methods里是函数集合,他们之间用逗号分隔        function1:function(){        this.data1;//this.属性 引用的是data下的值        this.function1();//this.方法 引用的是methods内的函数        },        function2:function(){}    }})
  • 在标签或页面元素里,触发的函数的函数名,可以加括号,也可以不加括号,所以很容易与data里的值弄混
    v-on:事件 :如v-on:click="函数/函数()"
0 0
原创粉丝点击