zoukankan      html  css  js  c++  java
  • vue 组件

     组件就是可重用的代码,可以扩展HTML元素

    按作用域范围可以分为1,全局组件 2,局部组件


    1,全局组件:
      1 vue.component("定义组件名myComponent",{
        template:"这是全局组件"
      })
      用时:<my-component></my-component>
      写在new vue()实例之前
      2 vue.component("定义组件名", vue.extend({
        template:"<div>这是全局组件</div>"
      }))


    2,局部组件:
      写在new vue()实例之中
      "compontents":{
        "my-component2":{
          template:"<h1>局部组件</h1>"
        }
      }
    注:在另外的new vue()实例中调不到局部组件


    组件名的命名规范:
    1,W3C标准:以中划线分开:xxx-xxx
    2,驼峰法:xxXxxXx
    3,命名要有意义


    页面调用组件时,必须要写成 <xx-xxx-xx><xx-xxx-xx>
    定义组件要符合我们HTML的结构问题
    在组件的 "data":function(){
    return{usersname:"liujianhong"}
    }
    template:"<div>组件{{usersname}}</div>"

    注:组件中的数据data是独立的,实例vue()访问不到组件中的数据,在组件中没有数据双向绑定,vue强制在组件中单项绑定,防止组件中数据源的污染。

  • 相关阅读:
    移动app测试
    centos7中tomcat安装步骤
    linux下搭建数据库
    Linux 学习笔记
    vi编辑器 使用表
    python-Xml 实战
    python-Excel 实战
    手写HashMap
    volatile关键字解析
    两个栈实现队列——优化版
  • 原文地址:https://www.cnblogs.com/xzzzys/p/7761069.html
Copyright © 2011-2022 走看看