自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (3)
  • 收藏
  • 关注

原创 10-11-element-CRM

准备后端代码node启动准备安装vue项目全局安装脚手架:npm i @vue/cli -g使用脚手架vue create app选择配置Manually select featuresBabelRouterVuexCSS-s 即–save 安装生产环境依赖-d 即–save-dev 安装开发环境依赖安装使用element使用教程Element安装npm i element-ui -s引入import ElementUI from 'element-ui

2020-09-15 14:03:30 81

原创 10-08-vue-router路由基础、嵌套、动态、编程路由、命名、别名、视图、组件复用代码

路由的基本使用和嵌套import Vue from "vue";import VueRouter from "vue-router";import Index from "../views/Index"import Setting from "../views/Setting"import Setting_1 from "../views/Setting_1"import Setting_2 from "../views/Setting_2"Vue.use(VueRouter)export

2020-09-09 21:10:29 147

原创 10-09-vue-router守卫难点代码

全局导航守卫router文件夹中的index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Index from "../views/Index"Vue.use(VueRouter)let router = new VueRouter({ routes:[ {path:"/",component:Index,name:"index"}, {path:"/account",component:(

2020-09-09 20:50:13 144

原创 10-07-vue代码复习

入口main.jsimport Vue from 'vue'import App from './App.vue'Vue.config.productionTip = falsenew Vue({ render: h => h(App),}).$mount('#app')根组件 App.vue<template> <div id="app"> <!--<Demo01></Demo01>--> &l

2020-09-07 19:48:12 99

原创 10-10-webpack使用

webpack优点vue全家桶:vue.js + vue-router + vuex + es6 + vue-cli + webpack + ui库传统开发项目就面临了一个问题:资源太多,不好管理资源与资源之间的引用关系太乱项目上线时,把所有的资源都扔到服务器webpack它就是一个打包器。webpak部分作用:对代码进行压缩合并把浏览器不能识别的代码,转成让浏览器识别解决依赖关系还有自动发布代码检验自动刷新webpack是一个打包器。作用比较多,如:把代码进行压缩合并

2020-09-05 23:05:45 247

原创 10-06-vue-router 路由

spasingle-page application,单页应用。一个应用程序只有一个页面。单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重新加载或跳转。而是利用 JavaScript 动态的变换HTML的内容(通过div切换显示和隐藏,或者是数据的渲染),从而实现U

2020-09-05 19:35:50 153

原创 10-05-vue-cli 脚手架

Vue-cli 步骤Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页(spa)应用。可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。全局安装:使用vue可以查看是否安装成功。创建项目:vue create myapp配置内容键盘上下键切换, 空格键表示选中Manually select featuresBabelLessIn pageage.json进入运行项目:cd myappnpm run serve目录说明单文件组件

2020-09-05 16:03:52 84

原创 10-04-vue组件

组件什么是组件在html中,我们学习的单元是标签。 可以把Html中的标签当成最小最小最小的组件。在vue中,我们学习的单元是组件组件就是我们自己扩展的 “HTML 元素”,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。组件(Component)是 Vue.js 最强大的功能之一。在vue当中,一切都是组件,写项目就是在写组件。一个组件本质就是一个对象。区别:根组件(vue的实例)它有el。而子组件中有templatedata的写法不

2020-09-03 22:44:06 369

原创 10-03-vue组件的生命周期

生命周期函数(钩子函数)vue实例(组件)的生命周期: 从生到死的过程vue实例在从创建到销毁过程,默认会调用一些函数,这个函数叫生命周期函数,也叫钩子函数vue链接: vue链接有template,template做模板,没有就有el 定义的做模板beforeCreate: 什么也做不了,data和methods以及页面中的DOM结构都没有初始化。created: 可以使用data中的数据,调用methods中的方法,但是DOM元素并没有渲染出来。你想在created中,获取DOM元素,

2020-09-03 20:42:21 108

原创 10-02-Vue事件处理、表单处理、图书管理

事件处理

2020-09-03 20:16:01 130

原创 10-01-Vue简介、基本语法

Vue简介Vue是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。构建用户界面:不是说如何写出漂亮的页面,而是把数据渲染到模板上。渐进式:vue.js vue-router axios webpack vuex vue-cli… vue全家桶 vue技术栈。框架:有一套自己的规划,有自己的思想,要求要合适的位置写合适代码,你写的代码等框架去调用。渐进式(在最核心的功能的基础上,不断添加):vue 核心功能非常的简单(单一),只专注于视图。但它非常

2020-09-02 22:51:30 437

react幼教项目代码

React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

2020-11-09

react版todoMVC代码练习

React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

2020-11-09

微信小程序本地生活代码

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。 小程序技术发展史 ​小程序并非凭空冒出来的一个概念。当微信中的 WebView 逐渐成为移动 Web 的一个重要入口时,微信就有相关的 JS API 了。

2020-10-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除