Vue复习笔记-2018-07-16

小灰灰 2022-05-19 03:08 122阅读 0赞

template模板：
    html代码很少时写在new Vue的选项里
    template：`<h2 style='color:red'>我是选项里的template模板</h2>`
    
    html较多：
    <template id="demo2">
        <h2 style='color:red'>我是template标签模板</h2>
    </template>
    在选项中添加：
    template: "#demo2"
    
    <script type="x-template" id="demo3">
        <h2 style='color:red'>我是script标签模板</h2>
    <script>
    在选项中添加：
    template: "#demo3"
    
    全局component:
    Vue.component('zmj',{
        template:`<h2 style='color:red'>我是选项里的template模板</h2>`
    })
    局部component（在new Vue()）选项中添加：
    components:{
        'zmj':{
              template:`<h2 style='color:red'>我是选项里的template模板</h2>`
         }
    }
    
    <zmj here="China" ><zmj>
    components:{
        "zmj":{
              template:`<div style="color:red"> {
       { here }} </div>`,
              props:['here']
         }
    }
    带横线"-"的属性处理   from-here 转为 fromHere即可
    属性传值    :here = "message"       在data中定义message的值
    
    父子组件
    var city = {
        template:`<div>siChuan of China</div>`
    }
    var zmj = {
        template:`<div>
                               <p>Panda from China</p>
                               <city></city>
                         </div>`，
        components:{
              "city": city
         }
    }
    
    <component>标签
    <component :is="who"></component>

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL 复习笔记

-- ==================建库删库=========================================== -- 显示所

太过爱你忘了你带给我的痛/ 2024年02月19日 13:05/ 0 赞/ 148 阅读

相关 Redis复习笔记

Redis 是一个高性能的key-value数据库。支持多种数据类型： 1. String：可以是字符串、整数、浮点数 2. List(列表)：一个链表，链表上的

电玩女神/ 2023年11月27日 10:49/ 0 赞/ 202 阅读

相关 javaWeb复习笔记

javaWeb复习笔记网站开发基础 HTML+CSS+JavaScript JSP基础自定义标签和新特性 Servlet java

r囧r小猫/ 2022年10月02日 06:42/ 0 赞/ 256 阅读

相关 java复习笔记

java复习笔记 java概述 java语言基础面向对象基础核心类类之间的关系抽象类和接口异常泛型与集合

阳光穿透心脏的1/2处/ 2022年10月02日 05:46/ 0 赞/ 302 阅读

相关 MSSQL复习笔记

1 什么是SQL语句 sql语言：结构化的查询语言。（Structured Query Language），是关系数据库管理系统的标准语言。它是一种解释语言：写

骑猪看日落/ 2022年08月22日 05:48/ 0 赞/ 282 阅读

相关 Vue复习笔记-2018-07-16

template模板： html代码很少时写在new Vue的选项里 template：`<h2 style='color:red'>我是选项里的tem

小灰灰/ 2022年05月19日 03:08/ 0 赞/ 123 阅读

相关 Vue复习笔记-2018-07-15

v-show为false表示dom元素已经加载，但是display属性为none Vue.directive('jspang',function(el

冷不防/ 2022年05月19日 03:07/ 0 赞/ 158 阅读

相关 linux复习笔记

基本工具： VMware Workstation Pro, centos7 , XShell , Xftp 指令： 1.编辑器：VI和VIM 语法：

谁借莪１个温暖的怀抱￠/ 2022年05月15日 13:50/ 0 赞/ 301 阅读

相关数据库复习笔记

数据库系统的特点：数据结构化数据共享性高，冗余度低且易扩充数据独立性高数据有数据库管理系统统一管理和控制提供数据控制功能主要包括：数据安全

末蓝、/ 2021年12月15日 11:35/ 0 赞/ 388 阅读

相关 java复习笔记--反射

反射类加载器类加载的描述类的加载类的连接类的初始化类的初始化步

不念不忘少年蓝@/ 2021年06月24日 13:58/ 0 赞/ 591 阅读