JA7777-CSDN博客

原创 vue插槽

slot内容分发单个插槽除非子组件模板包含至少一个插口，否则父组件的内容将会被丢弃最初在标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译，并且只有在宿主元素为空，且没有要插入的内容时才显示备用内容子组件 <header> <span><</span> <slot>666...

2019-09-02 14:04:41 252

原创 git简介

git简介git是一个开源的分布式版本控制系统，可以有效、高速的处理很小到非常大的项目版本管理。代码管理工具版本控制是什么？版本控制是一种记录一个或若干个文件内容变化，以便将来查阅特定版本修订情况的系统版本管理工具的发展[外链图片转存失败(img-4mVaTrzY-1567385993414)(https://github.com/Wzybnzy/image/blob/ma...

2019-09-02 09:00:19 189

原创路由传参

组件有如下属性：path（string）: 路由匹配路径。（没有path属性的Route 总是会匹配）；exact（bool）：为true时，则要求路径与location.pathname必须完全匹配；strict（bool）：true的时候，有结尾斜线的路径只能匹配有斜线的location.pathname；除了Router、Route、Link这三个react路由的基础搭配使用，还...

2019-06-18 10:40:49 147

原创 react路由

路由实现路由的核心功能安装cnpm i react-router-dom基于react-router,加入了在浏览器运行的一些功能例如:Link组件,会渲染一个a标签navLink组件BrowserRouter组件HashRouter组件两种模式的路由(hash和history)**所有的跟组件只能调用一次,因为浏览器只有一个url地址,且所有的组件只能在跟组件内使...

2019-06-17 14:24:08 400

原创 vue导航守卫

导航守卫正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守卫。全局前置守卫你可以使用 router.beforeEach 注...

2019-05-27 14:27:34 145

原创用 Vue.js + Vue Router 创建单页应用

HTML<div id="app"> <h1>Hello App!</h1> <p>   <!-- <router-link> 默认会被渲染成一个 `<a&g...

2019-05-23 09:53:10 503

转载 vue-router 路由详解及在项目中的使用详情及细节

我们要实现单页应用程序，所以我们要学习路由。1.1. SPAsingle-page application，单页应用。一个应用程序只有一个页面。单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了...

2019-05-22 14:34:51 966

原创 vue-cli初始化自动脚手架

全局安装vue-clivue init webpack 文件名vue init webpack-simple 文件名(简版vue脚手架)project name 项目名称 (可以自定义可以默认)project description(A Vue.js project)(描述回车即可)Author(作者回车)运行加编译.选择运行即可练习时install vue-router(路...

2019-05-17 11:48:33 142

原创 Vue.js初学

Vue尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：<script src="https://cdn.jsdelivr.net/npm/vue/...

2019-05-13 20:23:54 197

原创 Base公共 / Dev开发 / Pro生产

开发环境 —— src程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告生产环境 —— 打包上线正式提供对外服务的文件夹路径webpack.dev.jsconst path = require("path"); const ExtractTextWebpackPlugin = require("extract-text-webpack-p...

2019-05-13 15:16:22 342

原创 webpack基础开发

webpack 是一个模块大包器2.全局安装wepack,为了使用webpack命令.cnpm i webpack -g3.全局安装webpack-clicnpm i webpack-cli -g4.新配置文件,默认的文件名webpack.config.js,如果文件名不是默认的话,执行webpack --config webpack.自定义名字.jswebpack --co...

2019-05-09 20:33:58 217

转载 es6模块化

**export的用法**在ES6中每一个模块即是一个文件，在文件中定义的变量，函数，对象在外部是无法获取的。如果你希望外部可以读取模块当中的内容，就必须使用export来对其进行暴露（输出）。先来看个例子，来对一个变量进行模块化。我们先来创建一个test.js文件，来对这一个变量进行输出：export let myName=“laowang”;然后可以创建一个index.js文件，以i...

2019-05-09 15:49:16 412

JA7777的博客