随笔分类 - Vue
一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用；
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合
摘要：Axios npm install axios 在 main.js 5 种请求方法 get =获取数据 post = 提交数据（表单提交，文件上传） 一般用于新建、添加 put = 更新数据（所有数据都推送到后端，后端更新数据库） 一般用于更新 patch = 更新数据（只把修改的数据推送到后端，后
阅读全文
摘要：el menu item index 的值，我这里使用了 路由表中 route.js 中 的 路由 name 值 :default active="this.$route.name" 如果不理解，可以看下 watch 监听 的 $route js export default { name: "le
阅读全文
摘要：Vue 常用指令 组件选项顺序 v if 是真正的条件渲染,DOM 元素被切换的过程 被销毁和创建 v else v show 不管你的初始条件是什么，元素总是会被渲染并且只是简单的基于 css 样式切换 2 者比较而言：v if 有更高的切换开销，v show 有更高的初始渲染开销 v text
阅读全文
摘要：做双向绑定时，通常在表单元素上绑定一个v-model,我们在编译的时候，可以解析到v-model操作时做了两件事:1.在表单元素上做了事件监听（监听input、change事件）2.如果值发生变化时，在事件回调函数把最新的值设置到vue的实例上3.因为vue的实例已经实现了数据的响应化，它的响应化的
阅读全文
摘要：遵循3W1H原则，什么是编译，为什么要编译。首先写的这些模板的语句，html根本就不能识别，我们通过编译的过程，可以进行依赖的收集，进行依赖收集以后，我们就把data中的数据模型和视图之间产生了绑定关系产生了依赖关系，那么以后模型发生变化的时候，我们就会通知这些依赖的地方让他们进行更新，这就是我们执
阅读全文
摘要：利用object.defineProperty 这个属性，把data里面放的数据。每一个数据都定义了一个属性，定义了get 与 set ，监听这些数据变化，当这些属性发生变化的时候，我们可以通知那些需要更新的地方去做更新。
阅读全文
摘要：Vue-router 路由生命周期也叫导航守卫 分3块：全局守卫、路由独立守卫、组件内守卫 1、全局守卫 main.js router.beforeEach((to, from, next) => { // 全局前置守卫 // if(to.fullPath '/shoppingCart'){ //
阅读全文
摘要：路由参数 params 与 query params 与 query 的区别 只是形式不一样 什么情况使用params，什么情况使用query？ query 查询类例如百度 ,不影响当前主要业务 首页=》 搜索 =》 列表页面 =》 详情页 首页 /index 首页 搜索 /index？secarh
阅读全文
摘要：list: pois.filter((item) => { return item.photos.length }).map((item) => { return { type: item.type, img: item.photos[0].url, name: item.name, price:
阅读全文
摘要：官网的解释： 你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。 通俗点讲：就是在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触 发的。 Item 组件 是引用的 vue文件，如果你不加.nat
阅读全文
摘要：<template> <div class="m-products-list"> <dl> <dd v-for="item in nav" :key="item.name" :class="[item.name,item.active?'s-nav-active':'']" @click="Clic
阅读全文
摘要：由于 async 异步获取数据，加载页面时，页面会感觉一闪而过的抖动，如果想页面不闪，推荐使用 SSR 【vuex】，由服务端 渲染SSR页面出来。此话记于 2020年01月08号，项目nuxt.js 构建 Vue+Koa+MongoDB 全栈美团项目 src根目录 新建store文件夹，新建ind
阅读全文
摘要：前言： Vuex个人见解： 1、state ：所有组件共享、共用的数据。理解为不是一个全局变量，不能直接访问以及操作它。2、mutations ： 如何操作 state 呢？需要有一个能操作state 的方法【mutations】，来操作它。mutations 只是定义了操作 state的方法，无法
阅读全文
摘要：config >>> index.js 配置 1 proxyTable: { 2 '/api': { 3 target:'https://api.jisuapi.com', // 你请求的第三方接口 4 changeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同
阅读全文
摘要：1、前后端分离式开发，约定好数据字段接口！ 2、前端mock静态数据，开发完毕后，与后端进行数据联调！ 3、vue.config.js 配置 devServer 1 const appData = require('./data.json') 2 const seller = appData.sel
阅读全文
摘要：CubeUi GitHub地址：https://github.com/didi/cube-ui install vue add cube-ui 项目中 会多出cube ui 的配置文件来
阅读全文
摘要：vue-cli 3.0 安装1 vue-cli 3.0 安装/卸载 2 npm install -g @vue/cli 3 npm uninstall @vue/cli -g 4 vue --version 查看版本号 创建-Vue项目 1、 vue create vue-sell-cube 最后一
阅读全文
摘要：修改 在 vue项目文件夹中的 package.json scripts >dev 添加 --host 0.0.0.0 "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.c
阅读全文
摘要：如果是vue写的项目，谷歌浏览器右上角的vue小图标会亮起！下面介绍如何安装 1、谷歌浏览器插件商店可以点击安装【需要**】 2、vue官网有对应的安装包，需要自己手动 npm run build 一下 更改一个参数！ 下面介绍如何 使用第二种方法： 1、在github下载devtools源码，地址
阅读全文
摘要：router-view 中包含 router-view 这种情况就可以 使用嵌套路由了 变化的视图中包含变化的视图 代码层面 router-view 中 包含router-view 路由children路由 nrm 管理npm 下载包的源，配置私有镜像源； nrm ls 查看 npm 可供下载包的
阅读全文
浙公网安备 33010602011771号