FWKC-CSDN博客

原创十三、商城项目练习

商城项目练习一、目录结构组织二、别名配置//vue.config.jsmodule.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'network': '@/network', '

2021-09-30 15:18:22 107

git一、常用命令git status 查看哪些没有上传git add . 提交至本地缓冲区git commit -m “初始化仓库” 将代码提交至本地仓库git push 上传至远端git branch 查看分支git clone xxxx 下载项目push.default 设置按同名方式进行项目提交git push 将代码从本地提交到远程git pull 将远程主机的master分支最新内容拉下来后与当前本地分支直接合并 fetch+merge

2021-09-30 15:17:26 59

原创十一、axios

axios一、发送请求的方式二、安装及使用npm install axios --save//使用//http://123.207.32.32:8000/home/multidata get测试地址//http://123.207.32.32:8000/home/data?type=pop&page=1//http://123.207.32.32:8000/home/data?type=sell&page=1import axios from 'axios'asio

2021-09-30 15:16:53 68

原创十、Vuex

Vuex需要多个组件共享的组件状态可以通过Vuex进行管理一、安装npm install vuex --save创建vuex实例创建一个store的文件夹创建一个index.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ //保存状态 }， mutations: { //方法,

2021-09-30 15:16:13 68

原创九、promise使用

promise使用一、使用场景promise可以对异步函数进行优雅的操作，解决回调地域的问题，可以对异步操作的代码进行封装二、基本使用new Promise((resolve, reject) => { setTimeout(() => { resolve('helloword') },1000) reject('error message')//处理失败时调用的函数}).then((data) => { //对第一次异步

2021-09-14 09:07:43 92

原创八、TabBar案例

TabBar案例一、APP.vue中的样式引用<style> @import "./assets/css/base.css"</style>base.css内容，无边框bady { padding: 0; margin: 0;}二、tabbar的高度为49px三、js判断tabbar是不是被激活的状态this.$route.path.indexOf(this.path) !== -1四、激活及激活后文字颜色的判定通过父组件向子组件传递颜色参

2021-09-14 09:07:03 91

原创七、Vue-Router

Vue-Router一、改变url，页面不刷新更改url的hashlocation.hash = 'aaa'html5中的history对象，该方法可以按栈规则返回前一链接（先进后出）history.pushState({},'','home') history.back() 可以返回上一连接 history.go(-1)等同于history.back history.forwary == histiry.go(1) 向前history的replaceState，该

2021-09-10 17:23:44 100

原创六、脚手架Vue CLI基础

脚手架Vue CLI基础一、前提先安装node、npm，镜像配置npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install [name]二、安装脚手架(例子用的3.2.1版本)npm install -g @vue/cli为了可以使用脚手架3和脚手架2的功能，需要拉一个架手架2的模板npm install @vue/cli-init -g三、初始化项目脚手架2vue init web

2021-09-10 17:22:54 91

原创五、webpack基础

webpack基础一、安装webpack基于node环境使用npm安装3.6.0，用于手动配置管理学习，后期可以安装新版本npm install webpack@3.6.0 -g //全局安装npm install webpack@3.6.0 --save-dev //开发时依赖二、起步项目中一般包含两个文件：src用来存放源码，dist打包的东西存放位置打包命令main.js是需要打包的js，bundle.js是打包成的jswebpack main.js bundle.

2021-09-09 17:57:55 87

原创四、模块化开发概念

模块化开发一、ES6模块开发基础,数据的导入和导出script进行引用时，要增加type="module"属性在js文件中对需要在外部引用的属性及方法进行导出，通过export{}在引用的js文件中import{} from “*.js”也可以直接导出/导入函数和类，ES6中定义类的方式class persion(){}.export default 可以导出一个不命名的功能，导入者可以自行命名。...

2021-09-09 09:12:03 74

原创三、Vue插槽slot的用法

插槽slot一、基本使用使组件具备扩展性 <div id = 'app'> <cpn1><p>11111</p></cpn1> <cpn1><button>按钮</button></cpn1> </div> <template id = 'cpn'> <div>

2021-09-09 09:10:36 149

原创二、Vue组件化

二、Vue组件化1. 注册组件步骤创建逐渐构造器，extend()注册组件,component()使用组件2. 基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body> <div id = "app"> <my-cpn></my-cpn>

2021-09-07 21:04:04 60

原创一、Vue基础

Vue基础1.js6 变量定义使用let 定义变量const 定义常量2.基本格式<div id = "app"></div><script src="../js/vue.js"></script><script> //let(变量)、const(常量) const app = new Vue({ el: '#app',//用于挂载要管理的元素 date: { //用于定义数据

2021-09-06 18:05:50 145

qq_24790247的博客