Vue
与其终
我是与其终,一个风起云涌的女孩子。qq群:670983672。我学过C、Java、JavaWeb、SSM、Android、Mysql、Linux、Html5+Css3+JS、Bootstrap、JQuery、Word、Excel、PPT等。
展开
-
Vue入门到上手(12)—— VueJs 填坑日记之项目打包发布
Vue入门到上手(12)—— VueJs 填坑日记之项目打包发布通过上一篇博文的学习,我们其实已经完成了我们设想的项目的开发。但是,我们做好的这套东西,是基于 nodejs 开发的。而我们最终希望,我们开发的项目,生成好一堆文件,然后随便通过任何一个 http 服务就能跑起来,也就是,还原成我们熟悉的 html+css+js 的模式。这章,我们来讲解这部分内容。另外我的博客即将同步至腾讯云+社区,邀请大家一同入驻。打包项目进入到我们的项目根目录d:cd vueworks/my-vue然后运行如转载 2020-08-06 09:25:13 · 215 阅读 · 0 评论 -
Vue入门到上手(11)—— VueJs 填坑日记之使用Amaze ui调整列表和内容页面
Vue入门到上手(11)—— VueJs 填坑日记之使用Amaze ui调整列表和内容页面上一篇博文我们整合了Amaze ui,并且调整了一个头部header和底部footer文件,其实做起来也很简单,只要按照步骤来做,完全没有问题。今天我们来重新调整一下列表页面和内容页面,使我们做的后台管理系统更有范儿。制作左侧菜单一个后台管理系统,大致的样式都是分为南北东西的,而西(也就是左侧)一般是我们的菜单。如图:我们今天就来把我们的项目完成到如上图的样式,首先我们来制作左侧的菜单,在/src/compo转载 2020-08-06 09:23:52 · 306 阅读 · 0 评论 -
Vue入门到上手(10)—— VueJs 填坑日记之在项目中使用Amaze UI
Vue入门到上手(10)—— VueJs 填坑日记之在项目中使用Amaze UI上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI)。先来介绍一下妹子UI。Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。最主要是妹子UI的性能好,轻量级。获取妹子UI(Amaze UI)下载地址:http://amazeui.org/getting-started点转载 2020-08-06 09:20:08 · 487 阅读 · 0 评论 -
Vue入门到上手(9)—— VueJs 填坑日记之在项目中使用jQuery
Vue入门到上手(9)—— VueJs 填坑日记之在项目中使用jQuery很多人学习 js 都是从 jQuery 开始的,我也不例外。有时候进行一些操作的时候,还是感觉 jQuery 比较好用,那么,我们如何在项目中使用 jQuery 呢?这篇博文带你实践。引用 jQuery 文件首先呢,jQuery 是提供了 npm 的安装包的。我们的 vue-cli 脚手架,也是支持引入的。不过设置比较麻烦,如果你对使用这种方法比较敢兴趣,可以直接参考下面的内容:https://maketips.net/tip转载 2020-08-05 16:28:25 · 296 阅读 · 0 评论 -
Vue入门到上手(8)—— VueJs 填坑日记之参数传递及内容页面的开发
Vue入门到上手(8)—— VueJs 填坑日记之参数传递及内容页面的开发我们在上一篇博文中,渲染出来了一个列表,并在列表中使用了router-link标签,标签内的:to就是链接地址,昨天咱们是这样写的,今天我们来完成内容页面的渲染。编写内容页面还是废话少说,先上代码,将以下代码保存到/src/pages/Content.vue中:<template> <div> <myHeader></myHeader> <h2 v-te转载 2020-08-05 16:24:11 · 226 阅读 · 0 评论 -
Vue入门到上手(7)—— VueJs 填坑日记之渲染一个列表
Vue入门到上手(7)—— VueJs 填坑日记之渲染一个列表在上一篇博文中,我们对vue组件有了一个简单的认识和大概的理解。在之前认识项目结构的时候,我们在/src目录中创建了一个components的文件夹,而今天就要用到了,这个文件夹的作用就是放置我们的自定义组件。制作header.vue组件在components文件夹中,创建一个header.vue的文件,然后填入以下内容:<template> <header class="header">转载 2020-08-05 16:19:23 · 257 阅读 · 0 评论 -
Vue入门到上手(6)—— VueJs 填坑日记之初识*.Vue文件
Vue入门到上手(6)—— VueJs 填坑日记之初识*.Vue文件上一篇博文中,我们将接口的地址通过webpack代理到了本地,解决了跨域的问题。在之前的文章中,我们一直对项目进行配置,并没有真正的切入正题,可能很多人还不明白我们要做什么?那么今天,我们就要开写代码了。忠心感谢FungLeo,是你们无私的奉献,才让我们有了学习的参考,以下是地址:本文转载:http://blog.csdn.net/fungleo/article/details/77575077什么是*.vue文件首先,我们用 vu转载 2020-08-05 16:12:54 · 401 阅读 · 0 评论 -
Vue入门到上手(5)—— VueJs 填坑日记之将接口用webpack代理到本地
Vue入门到上手(5)—— VueJs 填坑日记之将接口用webpack代理到本地上一篇博文,我们已经顺利的从cnodejs.org请求到了数据,但是大家可以注意到我们的/src/api/index.js的第一句就是:2// 配置API接口地址var root = 'https://cnodejs.org/api/v1'这里我们的接口地址是写死的,这固然是一个问题,但是其实并不是最重要的,而是在cnodejs.org已经帮我们把接口处理的很好了,帮我们解决了跨域问题。而在实际开发中,很多项目接口转载 2020-08-05 16:04:45 · 187 阅读 · 0 评论 -
Vue入门到上手(4)—— VueJs 填坑日记之搭建Axios接口请求工具
Vue入门到上手(4)—— VueJs 填坑日记之搭建Axios接口请求工具上一章,我们认识了项目的目录结构,以及对项目的目录结构做了一些调整,已经能把项目重新跑起来了。今天我们来搭建api接口调用工具Axios。Vue本身是不支持ajax调用的,如果你需要这些功能就需要安装对应的工具。支持ajax请求的工具很多,像superagent和axios。今天我们用的就是axios,因为听说最近网上大部分的教程书籍都使用的是axios,本身axios这个工具就已经做了很好的优化和封装,但是在使用时,还是比较繁转载 2020-08-05 15:59:23 · 314 阅读 · 1 评论 -
Vue入门到上手(3)—— VueJs 填坑日记之项目文件认识
Vue入门到上手(3)—— VueJs 填坑日记之项目文件认识上一篇博文,我们搭建了一套基础的vuejs的环境,首先安装node.js,然后利用npm包管理器,安装vue-cli,设置淘宝镜像,初始化项目,安装依赖,运行。在这一篇,我们将认识vuejs项目里的各个目录结构。基础项目目录build // 编译配置文件,一般不用管 |-build.js |-check-versions.js |-logo.png |-utils.js |-vue-loader.转载 2020-08-05 15:54:16 · 234 阅读 · 0 评论 -
Vue入门到上手(2)—— VueJs 填坑日记之基础项目构建
Vue入门到上手(1)—— VueJs 填坑日记之基础项目构建在上一篇文章中,大致介绍了一下本系列博文以及学习vuejs我们需要了解的一些概念,希望大家认真阅读,所谓知己知彼,百战百胜,学习也一样,工欲善其事,必先利其器,要想学好vuejs,那前提的概念一定要熟悉。否则在接下来的博文中,遇到一些概念很有可能理解不了。由于不能翻墙,所以之下大部分的操作都是在国内的网站里进行下载或是用的国内代理。安装NodeJs下载Node.js,在这里我用的是Node中文网http://nodejs.cn/下载。大转载 2020-08-05 15:42:30 · 282 阅读 · 0 评论 -
Vue入门到上手(1)—— VueJs 填坑日记之基础概念知识解释
Vue入门到上手(1)—— VueJs 填坑日记之基础概念知识解释概述在最开始听说vuejs这个词是在2016年,当时天真的认为自己是个后端开发工程师不需要学习太多的前端知识,不过紧接着在2017年在公司就用到了vuejs。对于初学者(尤其是干后端的初学者)来说,刚接触时,有好多思路都很难理解。本来写这一系列博客,只是为了记录自己在这一段时间学习vuejs的成果。如果有何纰漏请大家多多理解,不喜勿喷…再说,在目前互联网的调整发展情况下,javascript更是在快速的更新迭代,如今对前端工程师来说,转载 2020-08-05 15:05:54 · 352 阅读 · 0 评论 -
vue.runtime.esm.js?ff9b:619 [Vue warn]: You are using the runtime-only build of Vue where the templa
vue错误提示:vue.runtime.esm.js?ff9b:619 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.(found in < Root >)原创 2020-08-05 14:09:03 · 4627 阅读 · 1 评论