基本语法
Posted lhywxhn
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了基本语法相关的知识，希望对你有一定的参考价值。
<!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
以上是关于基本语法的主要内容，如果未能解决你的问题，请参考以下文章