08 2019 档案

react脚手架
摘要：第一步 ： npm i -g create-react-app 下载 下载完成后 再通过 create-react-app reactapp 下载脚手架 下载完后出现 6个指令 输入 cd reactapp 再接着输入 npm start 然后出来 界面 进来后 查看 readme文件 有一个指令 阅读全文
posted @ 2019-08-29 15:44 前端xh 阅读(296) 评论(0) 推荐(1)
快速创建一个node后台管理系统
摘要：第一步： 文件夹以英文命名： 右键 进入 控制台后 npm init 回车 创建 package.json文件 然后 我们需要一个框架 express框架 下载这个框架 npm install eapress --save 然后 再编写一个js文件 <app.js> let express=requ 阅读全文
posted @ 2019-08-29 11:36 前端xh 阅读(1612) 评论(0) 推荐(0)
vue脚手架结构及vue-router路由配置
摘要：搭建vue环境之后，会生成一个文件夹，如图 一级文件夹： 1.build：主要是用来配置构建项目以及webpack 2.config:项目开发配置 3.node_modules ：npm或者cnpm或者yarm所下载的依赖包。 4.src:你的源代码 5.static:静态文件夹 6test：测试， 阅读全文
posted @ 2019-08-22 08:37 前端xh 阅读(7860) 评论(0) 推荐(1)
vue动画
摘要：v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效，在 transition/animation 完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时生效，在下一个帧移除。v- 阅读全文
posted @ 2019-08-21 20:42 前端xh 阅读(263) 评论(0) 推荐(0)
组件--插槽：匿名插槽 具名插槽
摘要：单个插槽|匿名插槽 1.1 <navigation-link> 子组件定义为: 1.3渲染出来的 HTML 将会是： 2.具名插槽 需要多个插槽时，可以利用<slot> 元素的一个特殊的特性：name来定义具名插槽 2.1<base-layout>子组件模板定义： 2.2.1父组件使用子组件<bas 阅读全文
posted @ 2019-08-21 20:05 前端xh 阅读(502) 评论(0) 推荐(0)
vue组件的生命周期
摘要：beforecreate:实列创建之前。created:实列创建完成。beforeMount:挂载开始之前被调用。mounted:实列挂载到Dom上beforeupdate:响应式数据更新时调用updated:虚拟dom重新渲染和打补丁之后调用beforedestroy :实列销毁之前调用destr 阅读全文
posted @ 2019-08-21 19:12 前端xh 阅读(1921) 评论(1) 推荐(0)
vue组件
摘要：在vue中，可以使用props想子组件传递数据 子组件部分 header.vue 这是header.vue的html部分，logo是在data中定义的变量。 如果需要从父组件app.vue获取logo的值，就需要在header.vue子组件中添加props: ['logo'] 在 props 中添加 阅读全文
posted @ 2019-08-21 17:28 前端xh 阅读(179) 评论(0) 推荐(0)
vue动态属性
摘要：v-bind 可以实现动态数据绑定。 对于html标签的text，value等属性，Vue里面提供了v-text、v-model去绑定。但是对于除此之外的其他属性呢，这就要用到接下来要讲的v-bind指令了。博主的理解是v-bind的作用是绑定除了text、value之外的其他html标签属性，常见 阅读全文
posted @ 2019-08-21 14:55 前端xh 阅读(7419) 评论(0) 推荐(0)
vue事件
摘要：1.v-on 监听DOM事件，并在触发时运行一些javascript代码 v-on：简写@ v-on还可以接收一个需要调用的方法名称 所有的方法都需要放到methods对象里面，再进行调用 内联处理器中的方式 除了直接绑定到一个方法，也可以在内联javascript语句中调用方法 <button v 阅读全文
posted @ 2019-08-21 14:18 前端xh 阅读(1022) 评论(0) 推荐(0)
vue指令
摘要：vue: vue里面为我们提供的常用的指令主要有一下一些 v-text v-html v-if v-show v-else v-for v-on v-bind v-model v-pre v-cloak v-once 下面将一些常用的指令以分组的形式分别结合demo来进行解释 1.v-text，v- 阅读全文
posted @ 2019-08-21 13:13 前端xh 阅读(2173) 评论(0) 推荐(0)
vuex
摘要：在vuex开始之前 我们得 新建一个脚手架 通过 vue init webpack 名字 自己写 然后 我们 可以在app.vue 来实现 vuex的操作指令 这里是一个案列 在这里 我们先 说一下 vuex是什么 1 state：存储状态（变量） 2 getters：对数据获取之前的再次编译，可以 阅读全文
posted @ 2019-08-20 21:16 前端xh 阅读(194) 评论(0) 推荐(0)