vue知识点

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属性,表示样式只作用在当前的组件中。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容