vue 学习 - 第一个网页

最新推荐文章于 2023-11-10 15:03:36 发布
最新推荐文章于 2023-11-10 15:03:36 发布
阅读量159 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/azhang190426/article/details/116597868
版权

学习是基于已有的框架。比如https://github.com/PanJiaChen/vue-element-admin

我对前端真的是个小白， 最多是在测试的使用用过F12 。

1. 首先是去官网查看了一下vue。https://cn.vuejs.org/v2/guide/syntax.html  ， 看得云里雾里的。如果不去实践，它们对于我来说就是割裂的，看似懂了其实不会用。

这时候就需要动手去实践了。

vue把 HTML /CSS/ script 都在同一个文件里面开发，模板如下：

2. 开始写html 页面了， 然后去element ui 查看可以用啥https://element.eleme.cn/#/zh-CN/component/installation  ， 比如布局，下拉框，日期，按钮。

<te
最低0.47元/天 解锁文章
azhang190426
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-plugin-cli
04-02
例如，一个Vue CLI插件可能用于集成Vue Router（路由管理），Vuex（状态管理），或者实现PWA（渐进式网页应用）功能。 在"vue-plugin-cli-main"这个压缩包文件中，我们可以预期找到的主要内容可能包括以下几点： 1...
Vue入门——我的第一个vue网站
monkey_wei的博客
07-13 482
今天我们来谈一谈Vue的相关事宜。 首先
vue初学——编写第一个页面
copple的专栏
02-27 1万+
前面介绍了如何新建vue工程vscode新建vue工程，这篇就介绍如何编写自己的第一个页面 开始之前，先介绍下vue工程的目录结构 build 项目构建(webpack)相关代码 config 项目相关配置，配置端口信息等 node_modules 项目依赖等 src>assets 放置一些图片 如项目的logo、icons src>conponents 项目的一些组件，如自定义组件 src>router 路由 src>App.vue 项目入口 src>main.js 项
Vue2 & Element | 一文带你快速搭建网页界面UI
BoBooY的Java学习笔记
11-18 1万+
本文讲解了Vue2及Element的使用，本节内容适合于做后端的同学快速了解前端框架以及进行对前端UI页面的快速搭建。
vue的第一个页面，组件的使用
笑到世界都狼狈的博客
07-18 811
了解完vue项目的目录结构之后，我们就要开始在里面写代码了，刚开始起步阶段，就在项目里改改，实现一个简单的，小小的demo 1.首先新建组件HelloWorld.vue代码如下： <template> <div> <h1>欢迎来到我的第一个vue：{{ msg }}</h1> </div> </template> <script> export default { name: 'HelloWo
Vue入门教学——编写第一个页面
最新发布
计算机硕士的博客
11-10 774
Vue入门教学——编写第一个页面。以Vue2.0为例。
vue-lecture1:vue-第1课
03-26
在"vue-lecture1:vue-第1课"中，你将学习如何设置第一个Vue项目，创建并使用组件，以及如何利用Vue的特性来控制HTML元素的显示和行为。这个压缩包文件"vue-lecture1-master"可能包含了教程的源代码，供你跟随学习和...
vue-mail-maps:Vue.js项目
05-24
总的来说，Vue-mail-maps 项目提供了一个学习Vue.js、Vuex、Bulma CSS框架以及JavaScript与Google Maps API集成的实战案例。开发者可以通过研究这个项目，深入了解如何在实际项目中综合运用这些技术。
vue 系列——vue2-webpack2框架搭建踩坑之路
11-30
react、vue、angular代表了3种前端工程化的思想，...想要学习vue，我第一件事是去vue官网看简介：https://cn.vuejs.org/v2/guide… ，仔细一看，vue现在有1.X和2.X的区别，很好，我果断选择2.X。 选中了vue版本，我上知
vue3使用print-template生成pdfDemo
08-18
Vue3 是一款流行的前端框架，以其高性能、易用性和组件化设计著称。在这个"vue3使用print-template生成pdfDemo"项目中，开发者...对于想要学习如何在Vue3应用中实现PDF导出功能的开发者来说，这是一个很好的学习资源。
【Vue】使用vue框架制作一个简单的网页
YIZHILIUSHA2020的博客
10-22 2万+
参考代码(主要参考了样式)：link 本文代码地址(Gitee)：link 项目内容主要包括header+轮播图+背景音乐+人物介绍卡片+时间线+视频集+长引用+时间显示+footer 注意：由于本项目采用了组件化所以且style里没加scoped，所以不同组件之间的样式可以共用。 网页具体如下GIF所示： ......
vue第一个页面
欧阳小白闯天涯
07-19 724
结果： 原文附代码：http://blog.maptoface.com/post/83
给Vue添加的第一个页面
qq_38365099的博客
12-29 1775
1.创建Vue文件 进入项目的components文件夹下，右键创建文件Hello.vue。 打开Hello.vue，写自己所需要的代码： 2.修改路由文件 打开route文件夹下index.js文件。导入刚刚写的Vue文件 在routes数组中添加一个对象： 此时保存访问一下地址：http://localhost:8080/#/HelloUrl 然后就好啦!如下图 ...
使用Vue写一个登录页面
热门推荐
crazy_qu的博客
07-31 20万+
上一博客讲到构建了一个vue项目，现在在那个项目之上实现一个登录页面。 1.构建项目的目录 2.App.vue &lt;template&gt; &lt;div id="app"&gt; &lt;router-view/&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; export default {
vue设置一开始进入的页面
大海无量的博客
07-06 6万+
vue项目默认进入的页面是HelloWorld.vue现在我们创建一个页面Login.vue&lt;template&gt; &lt;div&gt; 登录界面 &lt;/div&gt; &lt;/template&gt; &lt;script type="text/ecmascript-6"&gt; export default { data() { ...
vue教程1：第一个页面HelloVue快速搭建
qq_28834355的博客
09-13 1744
环境准备 VSCode开发工具 新建第一个页面 打开VSCode，点击File -> New File新建了个空白文件，保存为HelloVue.html 然后在刚才新建的页面，先输入感叹号"!"，再按下TAB键，就会自动生成HTML代码 编写HTML代码 <div id="app"> {{ message }} </div> 编写JS代码 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cd
第一个Vue页面
m0_51523819的博客
03-16 918
第一个Vue页面
用vue实现注册页面、登录页面、主页之间跳转并保持登录状态【完整代码】
m0_67265464的博客
03-10 2万+
文章目录 前言 一、页面的简单实现 1.登录页面 2.注册页面 3.主页（显示个人信息） 二、逻辑实现 1.localStorage的使用 2.功能实现 登录 注册 主页 路由配置文件 总结 前言 本文主要讲解用vue来实现三个页面之间的跳转以及登录状态的实现，css还在努力学习中，所以界面做的很丑lol 要求： 1.三个页面，登录页面Login，注册页面Register，主页Home 2.用route路由实现不同页面逻辑跳转 3.登录状态 打开网页时，不论输入的路
搭建一个vue小页面（入门vue）
weixin_44316925的博客
07-22 7652
搭建一个vue小页面（入门vue） 最近在学习vue框架，找了很久在网上找到下面这篇博客，觉得写得通俗易懂，就是其中有些代码尝试了有一点点的小问题，我猜可能版本不同的问题，造成不同的结果，但框架的思想我是觉得写得很通俗易懂的，供大家共享！ 本文转自http://blog.csdn.net/joshua_hit/article/details/59635160 继续搞Vuejs的前端，在之前我已经在Windows系
学习vue3 第一章
09-04
在学习Vue 3的第一章中，你可以了解到以下内容： 1. Vue 3的介绍：了解Vue 3的特点、优势和适用场景。 2. 安装Vue 3：学习如何安装Vue 3并创建一个新的Vue项目。 3. 基本语法：学习Vue 3的基本语法，包括模板语法、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值