vue知识点

2021-05-18  本文已影响0人  MiniC

1. 可以遍历一个对象的属性

v-for="(v,k,i) in student" v值k键i索引

student:{name:'xxx', age:20}

2.  页面上可以创建多个Vue对象,不同Vue对象可以调用

在v2中 v1.xxx = xxx

3. vue 实例属性$来调用

4.实例属性ref用法,相当于是id

<button ref="mybtn" id="btn" @click="btnclick" >show</button>

methods:{

            btnclick: function () {

                this.$refs.mybtn.innerText = "tttt";

            }

        },

5.  template 属性 对目标标签进行渲染新的内容,template的值是字符串。

        template必须有且只能有一个根元素。

6.  mount属性 动态关联div

7. 组件

Vue.component("组件名", {Vue对象})

data数据是fuction(){return{xxx:xxx}};

组件注册分为全局注册和本地(局部)注册,所谓全局是本页面的全局。

8.style标签带上scoped属性,表示样式只作用在当前的组件中。

上一篇 下一篇

猜你喜欢

热点阅读