zoukankan      html  css  js  c++  java
  • 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';

  • 相关阅读:
    【转】C++虚函数表
    vector的增长模式
    C++ 四种类型强制转换
    【转】new和malloc的区别
    C++堆和栈的区别
    C/C++中的内存分区
    mySQL__function课堂笔记和练习
    mySQL__storage课堂笔记和练习
    mySQL__Variable课堂笔记和练习
    mySQL__View课堂笔记和练习
  • 原文地址:https://www.cnblogs.com/silentdoer/p/11769439.html
Copyright © 2011-2022 走看看