摘要: UI库PC端element­ui 饿了么(推荐) 1、官网https://element.eleme.cn/#/zh-CN 2、安装npm i element-ui -S 3、在main.js中引入import ElementUi from "element-ui"import "element-u 阅读全文
posted @ 2020-11-25 20:52 石海莹 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 官网:https://vuex.vuejs.org/zh/ 什么是vuex? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态, 并以相应的规则保证状态以一种可预测的方式发生变化。 理念:单向数据流 v-model:双向数据绑定 如果遇到了表 阅读全文
posted @ 2020-11-25 20:49 石海莹 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 1、配置代理 config/index.js中 proxyTable: { "/api":{ target:"http://localhost:3000", changeOrigin:true, pathRewrite:{ "^/api":"http://localhost:3000" } } } 阅读全文
posted @ 2020-11-25 20:47 石海莹 阅读(180) 评论(0) 推荐(1) 编辑
摘要: 1、守卫 //全局守卫 router.beforeEach(to,from,next) router.afterEach(to,from) ​//路由独享守卫 :守卫路由 beforeEnter(to,from,next){} ​//组件内部守卫 :beforeRouteEnter(to,from, 阅读全文
posted @ 2020-11-25 20:44 石海莹 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 多个url对应多个HTML文件 多个url对应一个HTML文件,切换的是组件 1、安装 Install vue-router? (Y/n) Y 2、路由出口 <router-view></router-view> 3、路由导航组件 <router-link to="/login">去登录页</rou 阅读全文
posted @ 2020-11-25 20:41 石海莹 阅读(95) 评论(0) 推荐(0) 编辑
摘要: cnpm安装 1、检查电脑中是否有cnpmcnpm -v2、如果没有cnpm的话就安装npm install -g cnpm --registry=https://registry.npm.taobao.org3、检查是否有cnpm了cnpm -v4、配置环境变量找到nodejs\node_glob 阅读全文
posted @ 2020-11-25 20:39 石海莹 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 组件 1、概念:组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。 2、定义方式 // 全局定义 所有vue实例都可以调用该组件 Vue.compon 阅读全文
posted @ 2020-11-25 20:36 石海莹 阅读(250) 评论(0) 推荐(0) 编辑
摘要: watch watch:{ //浅监听 name(newV,oldV){ console.log(newV,oldV) } //深度监听 obj:{ handler(){ console.log('我变化了') }, deep:true }} 不建议使用深度监听,容易造成页面卡顿 JSONP和aja 阅读全文
posted @ 2020-11-25 20:34 石海莹 阅读(275) 评论(0) 推荐(0) 编辑
摘要: key 概述:vue采用的是“就地更新”原则,所以我们在v-for的时候要给每一条数据绑定一个key,作为唯一标识符,让vue根据key的条件做对比,一般情况下,我们使用id 双for <p v-for="(item,index) in arr"> <span>名称:{{item.name}}</s 阅读全文
posted @ 2020-11-25 20:29 石海莹 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 1、作者:尤雨溪 2、官网:https://cn.vuejs.org 3、渐进式JavaScript 框架 渐进式:主张最少 jquery:主要用来处理动画 bootstrap:ui框架(响应式、组件) 数据请求:ajax、axios 4、优点: 易用、灵活、高效、模块化友好、SPA(单页面应用) 阅读全文
posted @ 2020-11-25 20:25 石海莹 阅读(157) 评论(0) 推荐(0) 编辑