Vue
前端炮灰预备员
这个作者很懒,什么都没留下…
展开
-
创建第一个vue项目 -- 大致仿蘑菇街
1. 将项目放在github上托管我是用git将项目push到github上的,虽然中途也踩了很多坑,但在这里就不做过多的叙述了,遇到报错查就是了。不过开启git后,你的每次修改它都会记录,提醒,这样对我来说太麻烦了,所以我一般会选择关掉。2. 划分目录结构...原创 2020-02-04 21:47:29 · 1346 阅读 · 0 评论 -
漫漫学vue路(8)-- axios
一个项目当然是要发送网络请求的,axios是vue官方推荐的一个框架1. axios的特点2. axios的基本使用axios是外部框架,当然是需要下载的(vue cli2)npm install axios --save我这里用第一种请求方式,axios(config)配置config是对象,里面肯定有url,默认的method是get,也可以自己配置为postaxios支持...原创 2020-02-03 21:59:50 · 177 阅读 · 0 评论 -
漫漫学vue路(7)-- vuex
1. 什么是Vuex?什么是状态管理?看起来Vuex就是像个存放多个组件都需要用到的状态、变量等东西的仓库。当然,一些很少的组件需要用,比如子组件想用父组件的变量就不需要放在Vuex中了。若只是存放共享数据的功能那我们可以自己写个对象来存放,其最主要的功能还是具有响应式的特点(数据改变,页面跟着自动改变)需要放在Vuex中管理的东西:2. Vuex基础用法我用vue cli-2...原创 2020-02-01 20:08:42 · 295 阅读 · 0 评论 -
一个小demo -- tabbar
在淘宝这样的移动端app,我们在其主页一般都会看到类似的底部导航这个就是tabbar我以后准备写的第一个项目也要用到它,所以准备现在就来封装这样一个tabbar看到p122了,有时间的话就把122后面的颜色修改再写一下。明天起来再重新写一遍这个tabbar大致思路:一个tabbar就是一个大的封装好了的TabBar组件。它的下面有TabBarItem这些小组件,就是这里的主页、导航、购...原创 2020-01-30 22:45:24 · 175 阅读 · 0 评论 -
漫漫学vue路(6)-- vue-router
1. 理解前端路由的概念后端渲染在之前的网页开发,其实网页是全由后端渲染的,对数据进行处理和写网页全都是后端开发人员的事情。后端开发人员在服务器端用html+css+jsp/php写好网页,浏览器通过用户点击获取页面的url,再将url传至服务器,服务器通过收到的url将对应的页面传给浏览器进行显示。前后端分离所有事情都交给后端干,肯定是效率低下的。网页开发因此迈入新阶段。前端开发人员...原创 2020-01-28 21:21:48 · 815 阅读 · 0 评论 -
漫漫学vue路(5)--脚手架vue cli
1.脚手架安装npm的源在国外,使用国内镜像cnpm是最好的,先下载cnpm因为现在最新版本是cli4了嘛,现在cli4强调无配置编程,所以基本看不到cli的配置了。但我想学一下基本的配置,所以也准备用cli2,所以想两个都用。先下载cli4成功下载再下载cli2也下载成功。2.用vue cli2创建一个项目用以下命令用vuecli2创建个项目(vuecli2test是项目...原创 2020-01-16 23:29:58 · 144 阅读 · 0 评论 -
runtime-compiler和runtime-only的区别
本来是想写到漫漫学vue路系列的,但这个好像有点牵涉vue的底层知识了,所以单开一个博客。本文主要是看coderwhy(微博,b站搜索)老师的vue视频做的笔记。用vue cli2创建项目时,往往会碰到让我们选择runtime-compiler模式还是runtime-only模式默认选择的是runtime-compiler,因为runtime-compiler“更保险一点”。但是其实run...原创 2020-01-16 23:28:45 · 1746 阅读 · 0 评论 -
漫漫学vue路(4)-- webpack【未完成】
ps:哎,期末考试太烦了,活活耽搁了一整月的时间。一整个月没碰代码,今天看了一晚上以前写的博客才差不多缓过来,明天开始继续往下走,,fighting!...原创 2020-01-13 20:44:27 · 365 阅读 · 0 评论 -
漫漫学vue路(3)-- 前端模块化
一、前端模块化的产生js创始人开发 js 的初衷其实只是想 js 成为客户端的一个脚本语言而已,他起初并没有想到 js 会发展到如今的规模。所以最初只是将 js 代码放在 html 中的 script 标签里,完成简单的交互而已。随着 js 的发展,js 需要完成的事情越来越多,相应的 js 代码也越来越多,现在再放在 script 标签里就不合适了。并且一个项目通常是多人开发,多人同时写 ...原创 2019-12-12 22:06:31 · 146 阅读 · 0 评论 -
漫漫学vue路(2)-- 组件
11111原创 2019-12-01 14:14:08 · 763 阅读 · 0 评论 -
vue 写的 todolist 小例子
准备将这个 todolist 在三个阶段都写一遍1.基础阶段(不使用组件,只使用CDN引用)2.组件阶段(使用组件化开发)3.完整的vue阶段(包含vue-x啥的,希望能写一个很好的,有丰富功能,样式好看的 todolist )一、基础阶段需求:一个简单的待办清单。输入框,用户在输入框输入信息,点击提交按钮,可提交任务到待完成区。待完成任务有两个按钮,完成按钮可将任务提交至完成区...原创 2019-11-28 20:55:35 · 360 阅读 · 0 评论 -
漫漫学vue路(1)-- 基础知识
我用vue-cli 构建了项目,但是无奈自己以前没有 node 的基础,构建的项目文件参考我的前几篇文章,但没搞懂基础知识就弄这些难免有点虎头蛇尾了,而且网上的视频教程都是引用的CDN,所以自己也决定新建个html文件引用CDN先学习基础知识一、案例展示1. 初始模块<body> <div id="app">{{msg}}</div><...原创 2019-11-19 17:44:28 · 477 阅读 · 1 评论 -
npm run serve时报错 no such file or directory,open '........\package.json'
本来是自己非常sb的一个行为,,,但自己犯了很多次这样的错误,,所以很有必要开个博客提醒一下自己!!!no such file or directory,open ‘…\package.json’,就是在这个目录下面没有找到package.json这个文件。让我痛苦了很久,其实我就是没有进入myvue这个目录,,,,不进入当然找不到package.json这个文件啊解决办法哎,被自己蠢...原创 2019-11-18 21:38:38 · 3215 阅读 · 5 评论 -
浅谈vue中index.html、main.js、App.vue、index.js之间的关系以及加载过程
转自:大佬博客地址转载 2019-11-18 20:51:46 · 667 阅读 · 0 评论 -
vscode下vue的项目结构分析
我是用脚手架cli 4.0.5版本创建的vue项目得到的vue的项目结构如下接下来就好好分析一下各个文件的用途1.npm相关文件node_modulesnpm是一个包管理器,可以安装很多别人的包,那么我们安装的包呢就放在node_modules里面package.json我们安装了哪些包会在package.json里面做记录主要存放项目依赖项的安装目录,dependen...原创 2019-11-18 20:45:01 · 2590 阅读 · 1 评论