vuejs
bluedandelion
学海无涯,不断学习,进步是点点滴滴的累积。
展开
-
vue-router 快速入门
vue-router 快速入门ue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性,...转载 2018-06-11 10:51:45 · 289 阅读 · 0 评论 -
vue-cli中的ESlint配置文件eslintrc.js详解
本文讲解vue-cli脚手架根目录文件.eslintrc.jseslint简介eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件当有不符合配置文件内容的代码出现就会报错或者警告安装eslintnpm init -ynpm install eslint --save-devnode_modules\.bin\eslint --init 初始化...转载 2018-06-11 21:50:58 · 5847 阅读 · 0 评论 -
深入理解Vue-cli搭建项目后的目录结构探秘
一、前言这里先说一下使用vue-cli之前的事情。由于刚刚接触Vue不久,就接到了一个移动端项目,于是打算使用vue来进行一次尝试,所以按照练习时候的样子,emmm先把vue.js引入网页里来,emmm自己的外联main.css样式引进来,还有自己的main.js文件,还有一些图片布拉布拉的,所以我整个项目的结构如下:(捂脸)?1234567├── css ├── images ├── index...转载 2018-06-12 11:09:19 · 860 阅读 · 0 评论 -
Vue项目总结的一些文件夹结构配置
之前一段时间都在使用 vue 开发后台管理系统,在摸索的过程中对 vue 本身和模块化、规范化开发有了更深的认知,现在记录下来,希望对其他需要开发项目的人有帮助。项目配置首先,在确定好使用的框架和组件库后,先要大致了解它们,做到文档基本熟悉。本次开发使用到的有: vue , vuex , axios , elementUI 。然后可以按官方指引,使用 vue-cli 搭建 vue 的项目,在项目里...转载 2018-06-12 11:19:51 · 4557 阅读 · 0 评论 -
vue 项目总结一组件开发的配置和例子
原文地址:https://segmentfault.com/a/1190000012410259?_ea=2993723先上 src 文件夹的结构图:文件及文件夹作用App.vueApp.vue: 根组件,pages 里的组件会被插入此组件中,此组件再插入 index.html 文件里,形成单页面应用根组件里面是这样子的:其中,<router-view> 组件是一个 functiona...转载 2018-06-12 11:26:32 · 770 阅读 · 0 评论 -
VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以配置本地访问在webpack.dev.conf.js里配置即可。1...转载 2018-06-12 22:04:50 · 622 阅读 · 0 评论 -
为什么vuejs里面定义的template模板里定义的多个元素只显示一个
今天练习到vuejs组件这一块,组件是Vue.js最强大的功能之一,组件可以扩展HTML元素,封装可重用的代码。今天写了一段代码,开始显示的结果出现了错误,内容如下:<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #btn{原创 2018-06-05 22:31:16 · 28185 阅读 · 6 评论