突然说要写两个页面(只有两个页面,不是一个完整的项目。。),有点懵,不知道从哪下手,而且只对 vue 熟悉那么一丢丢,其他框架不是很熟悉。但是没办法鸭,只能硬着头皮去做了!在这里做一下笔记。
一、前期准备
1. 新建文件夹,并且命名为: css、imgs、pages、js,在对应的文件夹下放对应的文件。
2. 引入样式。
不想要自己写样式和逻辑,还想要用到 vue ,那就只好找基于 vue 的 UI 库了—— elementUI,而且在 elementUI 的安装这里有教程,教你怎么去引用 element 和 vue。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
<el-button @click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
<p>Try Element</p>