Aurinko324的博客

路由钩子

vue参数传递与重定向的学习视图层传递参数:to 能够将该属性看作对象，router-link中的name属性必须和路由中的name属性匹配接受参数注意route 不是 router 并且所有元素必须在根节点下面 不然报错方式二使用props修改路由配置传递参数接受参数重定向在路由中添加index.js视图层配置...

子路由，一般由多层嵌套的组件组合而成，URL中各段动态路径也按某种结构对应嵌套的各层组件用户信息组件 Profile.vueList.vue 视图组件配置嵌套路由修改 router 目录下的 index.js 路由配置文件修改首页视图 Main.vue...

结合 ElementUI 组件库https://element.eleme.cn/#/zh-CN/component/installation创建工程安装依赖（vue-router、element-ui、sass-loader、node-sass）启动测试npm 命令解释删除多余，新建 components (功能性组件) views (视图组件)Login.vueMain.vue新建 router 存放路由index.js配置路由 main.jsApp.vuenpm run d

vue router 是 vue.js 官方的路由管理器，与 vue.js 核心深度集成，方便构建单页面应用功能安装或出现错误是因为npm版本太高，可降低npm版本 也可以安装低版本vue-router测试删除多余的东西components 存放自己编写的组件定义组件 Content.vue定义组件 Main.vue安装路由，新建目录 router 存放路由 index.jsmain.js 中配置路由App.vue 中使用路由...

模块加载器兼打包工具ES6 --> ES5安装测试配置创建webpack.config.js 配置文件使用创建项目创建目录 modules ，放置 JS 模块等资源文件在 modules 下创建模块文件，用于编写 JS 模块相关代码在 modules 下创建入口文件 main.js 用于打包时设置 entry 属性创建配置文件 webpack.config.js 使用webpack命令打包创建 HTML 页面，导入 webpack 打包后的 JS 文件运行 index.htmlwebpa

创建vue-cli程序

主要功能http://nodejs.cn/download/下载安装后cmd运行（建议管理员）输出版本号则安装成功，npm是一个软件包管理工具安装 Node.js 淘宝镜像加速器或使用如下语句解决npm速度慢的问题安装vue-cli查看可以基于哪些模板创建vue应用程序，通常选择webpack，可打包降级兼容安装时出现的问题管理员运行Windows Power Shell输入输入 Y选择版本后 点击 Enter 等待安装完成解决.........

自定义事件

在 Vue.js 中使用 slot 元素作为承载分发内容的出口 即插槽，可应用于组合组件的场景中

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中主要用于实现Ajax异步通信特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF点击跳转 axios 文档cdn引入...

组件：可复用的 vue 实例

Vue是一个MVVM框架，即数据双向绑定，视图和数据会根据对方的变化而变化，仅UI控件涉及双向绑定双向数据绑定 v-model指令在表单 元素上创建双向数据绑定v-model会忽略所有表单元素的value checked selected的初始值 总是将 vue 实例的数据作为数据来源 应通过 js 在组件的data选项中声明初始值...

指令带有前缀 v-绑定 v-bind判断 v-if v-else-if v-else循环 v-for事件 v-on

计算指 能够将计算结果缓存的属性计算属性可理解为缓存methods 与 computed 的内容不能重名计算属性的主要特点：将不经常变化的计算结果缓存，节约系统开销