04 2020 档案
摘要：var schema = new Schema({ name: String, //m.name = 'Statue of Liberty'; binary: Buffer, //m.binary = new Buffer(0); living: Boolean, //m.living = fals
阅读全文
摘要：beforecreated： 创建前状态 el 和 data 并未初始化 created: 创建完毕状态 完成了 data 数据的初始化，el没有 beforeMount：挂载前状态 完成了 el 和 data 初始化 而且 el还是 {{data变量名}} （虚拟dom技术 先占位） mounte
阅读全文
摘要：1.导航守卫 Vue.use(VueRouter);const router = new VueRouter({ routes }) router.beforeEach((to, from, next) => { // 让页面回到顶部 document.documentElement.scrollT
阅读全文
摘要：客户端使用 GET(获取资源)、 POST(新建或更新资源)、 PUT(更新资源)、 DELETE(删除资源) 这4种表示操作方式的动词对服务器资源进行操作。 特点 每一个URI代表一种资源； 客户端使用GET(获取资源)、POST(新建或更新资源)、PUT(更新资源)、DELETE(删除资源)这4
阅读全文
摘要：在vue中绑定事件是一下这种方法： v-on:click='函数名称'; @click = '函数名称'; 但是我们使用了 vue-router 路由时会使用 <router-link> 标签来代替 a 标签跳转。我们在 vue-router 标签绑定 @click 事件 。却发现函数并没有执行 决
阅读全文
摘要：四种常见POST 请求的 Content-Type数据类型： application/x-www-form-urlencoded multipart/form-data application/json （axios中默认请求头的编码） text/xml 1. application/x-www-f
阅读全文
摘要：发起一个GET请求 // get传参数 axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); })
阅读全文
摘要：chrome 发送请求出现：Provisional headers are shown 提示 具体原因有 1.请求被某些扩展如 Adblock 拦截了，请求被浏览器插件拦截。 用 chrome://net-internals 来帮助你查找被屏蔽的请求以及可能的原因。 请求或calss id 少用ad
阅读全文
摘要：视口 1 document.documentElement.clientWidth; 用手机测试 发现 不管屏幕多大 上面的测试结果都是 980px 而 用电脑则是 变化的值 980是viewport的宽度。viewport叫做“视口”。 980是人定的，来乔布斯定的980这个数字。 980px是人
阅读全文
摘要：项目使用vue cli3脚手架工具构建按照element 官方文档中所示。 npm install babel-plugin-component -D 然后添加.babelrc文件 { "presets": [["es2015", { "modules": false }]], "plugins":
阅读全文
摘要：import Vue from 'vue'; import Vuex from 'vuex'; import * as actions from './actions'; import * as getters from './getters'; import state from './state
阅读全文
摘要：--save 发布项目 还需要的 依赖 --save-dev 开发需要的依赖 但是发布不需要
阅读全文
摘要：安装热更新 nodemon简介 在开发的时候，每次修改文件，都需要重启 express 服务，比较麻烦。使用nodemon，修改文件后可以自动重启 express 服务。 1. 安装： npm install --save-dev nodemon 2. 修改package.json的内容： "scr
阅读全文
摘要：此方法 适用于开发 不适用于生产1. @vue/cli 搭建 vue @vue/cli搭建vue项目上篇文章已经介绍2. express 搭建 后台node程序 （确保node安装完成） npm install express //安装expressnpm install express-gener
阅读全文
摘要：vue 脚手架 3.0+ 版本问题： 1. 查看本机是否已经安装 及其版本 $ vue -V 1.1. 如果以上命令不存在 则直接 安装 @vue/cli $ npm install @vue/cli -g 1.2.如果 以上的命令安装的并不是最新版的3.0+的 则先卸载原来的 $ npm unin
阅读全文
摘要：computed 是属性调用，而 methods 是函数调用 computed 带有缓存功能（推荐使用），而 methods 不是 官方文档才反复强调对于任何复杂逻辑，你都应当使用计算属性 computed computed 依赖于 data 中的数据，只有在它的相关依赖数据发生改变时才会重新求值
阅读全文
摘要：action 在 vuex 中用于异步 commit 的发送 store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const store = new Vuex.Store({ //这里的state必须是JSO
阅读全文
摘要：在store中如果有依赖于state的值而改变的值，相当于是store的computed，此时可以在store中增加一个getters配置项： store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const
阅读全文
摘要：为了让 子组件 不用时刻引用 store文件 store.js import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); //必须用Vue.use()来安装 const store = new Vuex.Store({ //这里的s
阅读全文
摘要：创建一个store.js文件： import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); const store = new Vuex.Store({ //这里的state必须是JSON，是一个对象。 state: { count:
阅读全文
摘要：相同点：v-if 与v-show都可以动态控制dom元素显示隐藏 不同点：v-if 显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。 v-show 隐藏则是为该元素添加 样式。 所以当一个元素默认在css中加了display
阅读全文
摘要：引用 .vue 之前 MyCompo.js import Vue from "vue"; const MyCompo = Vue.extend({ template : ` <div> <h1>我是MyCompo组件，我的a值是{{a}}，我的c值是：{{c}}</h1> <input type="
阅读全文
摘要：父组件 <my-compo c="c"></my-compo> 动态传值 <my-compo v-bind:c="c"></my-compo> 子组件 props接收 调用时候 和react不同 不用this.props.c 直接使用{{c}} import Vue from "vue"; cons
阅读全文
摘要：如果data是一个简单对象 那么他的所有子组件 将共享data数据 正确写法 import Vue from "vue"; const MyCompo = Vue.extend({ template : ` `, data : function(){ return { a : 1, b : 2 }
阅读全文
摘要：<p v-for="item in arr" >{{item}} - {{$index}}</p> //vue1 如果 item 有重复的 元素 由于vue 渲染机理 不会重复渲染 导致问题 解决方案： <p v-for="item in arr" track-by="$index" >{{item
阅读全文
摘要：只有上面7个方法能够触发数组对视图的更新 比如： this.arr[1] = "幺鸡"; 不会触发更新。 如果就是要改变数组的一项，此时用$set即可： this.arr.$set(1,"幺鸡");
阅读全文
摘要：import Vue from "vue"; new Vue({ el : "#mybox", data : { a : 100 }, methods : { add : function(){ this.a ++; } } }); 特别注意，add方法必须用function来定义，不能用()=>{
阅读全文
浙公网安备 33010602011771号