美文网首页
vue知识点

vue知识点

作者: MiniC | 来源:发表于2021-05-18 11:50 被阅读0次

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

相关文章

  • 118页Vue面试题总结,为面试提前做准备

    Vue面试题文档内容主要包括vue-cli工程,vue核心知识点,vue-router,vuex,http请求,U...

  • Vue部分基础知识点总结

    Vue基础知识点: 1.Vue:过滤html标签 ----{{{数据名}}}. 2.Vue:单次插值语法: ...

  • vue学习(25)自定义指令

    知识点 1:局部指令new Vue({directives:{指令名,配置对象}})new Vue({direct...

  • Vue知识点合集

    Vue vue.js中el是什么vue 基础知识Vue杂七杂八的知识点(此篇比较老了)指令vue v-text &...

  • 临时

    Vue 常考进阶知识点 这一章节我们将来学习 Vue 的一些经常考到的进阶知识点。这些知识点相对而言理解起来会很有...

  • 学习链接

    vue-router教程总结 vue生命周期和钩子函数 详解vue生命周期 Vue2.0八——知识点整理 vuex...

  • Vue真是太好了 壹万多字的Vue知识点 超详细!

    《Vue真是太好了 壹万多字的Vue知识点 超详细!》 ---- ️️、Vue和其他两大框架的区别 Angular...

  • (十)Vue中的is和操作DOM

    本节知识点 Vue 中的is 问题 (1) Vue中的is属性 vue中is的属性引入是为了解决dom结构中对放入...

  • axios

    1、axios知识点 (1)axios是Vue中的ajax,axios分为1.0版本(Vue-resource)和...

  • (十五)vue中真机测试

    本节知识点 (1)vue中真机测试 真机测试 vue运行在webpackserver服务上,而webpackser...

网友评论

      本文标题:vue知识点

      本文链接:https://www.haomeiwen.com/subject/pfyjjltx.html