码迷,mamicode.com
首页 > 其他好文 > 详细

基本语法

时间:2020-07-01 12:49:45      阅读:40      评论:0      收藏:0      [点我收藏+]

标签:temp   theme   引入   lin   过渡效果   导入   封装   charset   javascrip   

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">    //导入css包
<head>
<body>
组件什么的
</body>
<script src="https://unpkg.com/vue/dist/vue.js"></script> //导入vue

<script src="https://unpkg.com/element-ui/lib/index.js"></script> //导入js包
<script>
vue的代码
</script>

以上只是引入element,不能算是一个element项目,element项目语法结构如下

在hbuilder里创建一个element项目,element和vue都在App.vue里面写,而不是在index.html(暂时不清楚为什么)  

基础模板语法:

<template>
  <div id="app">
     //如果要引用一些需要的外部资源文件,如图片什么的,写这里
    <div>
     //使用element-ui封装的语法写一些元素和组件
    </div>        //不嵌套一个<div>则元素,则引用文件和元素是左右并列,多写一个则是上下有层次
  </div>
</template>

<script>
//vue代码
</script>

<style>

</style>

 

 

element-ui写在vue项目里的html里,写含element代码时JavaScript写在<html>标签里,不要写<body>里

element自带样式和组件过渡效果,简化了写css。其他类似vue,且封装了各种html元素

 

想要修改element默认的主题样式,见官方文档https://element.eleme.cn/#/zh-CN/component/custom-theme

基本语法

标签:temp   theme   引入   lin   过渡效果   导入   封装   charset   javascrip   

原文地址:https://www.cnblogs.com/lhywxhn/p/13218285.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!