在 HTML 中引入 vue.js 写页面

最新推荐文章于 2025-05-31 07:52:49 发布

Start2019

最新推荐文章于 2025-05-31 07:52:49 发布

阅读量1.8w

点赞数 14

CC 4.0 BY-SA版权

分类专栏： html相关问题

本文链接：https://blog.youkuaiyun.com/Start2019/article/details/103403001

突然说要写两个页面（只有两个页面，不是一个完整的项目。。），有点懵，不知道从哪下手，而且只对 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>