zoukankan      html  css  js  c++  java
  • 阶段5 3.微服务项目【学成在线】_day06 页面发布 课程管理_13-课程计划查询-页面原型说明

    3.2.2 页面原型
    3.2.2.1 tree组件介绍
    本功能使用element-ui 的tree组件来完成

    在course_plan.vue文件中添加tree组件的代码,进行测试:

    这个就是课程计划的页面


    tree的静态数据格式

    前端这个方法里面返回的是html的代码。这里面用到了JSX语法

    JSX 是Javascript和XML结合的一种格式,它是React的核心组成部分,JSX和XML语法类似,可以定义属性以及子元
    素。唯一特殊的是可以用大括号来加入JavaScript表达式。遇到 HTML 标签(以 < 开头),就用 HTML 规则解析;
    遇到代码块(以 { 开头),就用 JavaScript 规则解析。

    1、Javascript version 选择 React JSX (如果没有就选择JSX Harmony)
    这样就可以解析JSX语法,代码就不会报错了。

    2、HTML 类型文件中增加vue

    preferences -> Editor -> File Types 中找到上边框中HTML 在下边加一个 *.vue
    如果已经在vue template 中已存在.vue 则把它改为.vue2(因为要在Html中添加.vue)


  • 相关阅读:
    ExtJs控件属性配置详细
    static void和void区别(转)
    OpenSSL 内存管理分析笔记
    Openssl 之大数运算函数 BN
    python学习:字符串
    python学习:字典
    python学习:购物车程序
    python学习:元组和嵌套
    python学习:列表
    python学习:continue及break使用
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/11626186.html
Copyright © 2011-2022 走看看