• Vue组件


    Vue组件里的data(),methods和加载渲染它的Vue对象是不同的(它们里面的this也指向不同对象,一个是Vue对象,一个是组件对象),可以理解为Vue会为每个组件创建一个类,然后每次使用组件如<custom-aa></custom-aa>都是会创建一个类对象,而vue能够对特殊的属性名进行处理,如data和methods等,它会将data方法里返回的对象对每个组件实例都进行调用,并和组件实例进行关联,所以不同组件实例的data是隔离的,而如果data是属性而非方法的话,每个组件实例都共享一个data对应的JSON对象;

    注意,vue只对特殊名字的属性会进行处理(如绑定的属性,事件监听的方法,因此老老实实写在data和methods里,写到外部vue不会将它作为指令关联的属性或方法)

    还有一个就是Vue组件的结构,网上的一般是aaa.vue,然后里面写HTML和js和css/sass等,这里最好是components建立一个分类目录如application,然后在其下建立aaa目录

    ,然后aaa目录里建立aaa.vue,aaa.css,aaa.js,在aaa.vue里引用这些js和css,从而达到分离效果(命令小写开头,如果是多个单词以-分割,如summer-home.vue),并且import组件时以大驼峰命名组件,如import SummerHome from './components/application/summer-home/summer-home.vue';

  • 相关阅读:
    二柱子四则运算程序
    测绘软件使用感受
    二分图的最大匹配、完美匹配和匈牙利算法(转载)
    serialVersionUID的用处(转载)
    RMQ(模板)
    codeforces 825E
    红黑树
    SQL 范式(转载)
    java 移位运算
    [Hnoi2010]Bounce 弹飞绵羊
  • 原文地址:https://www.cnblogs.com/silentdoer/p/11769439.html
Copyright © 2020-2023  润新知