随笔分类 - vue
摘要：我们通常给一个元素添加 v-if / v-show 来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。 针对这种情况，我们可以通过全局自定义指令来处理：我们先在新建个 array.js 文件，用于存放与权限相关的全局函数； // array.js export f
阅读全文
摘要：1，proxy代理解决本地开发环境跨域问题 配置proxy代理后，proxy会将任何未知请求 (没有匹配到静态文件的请求) 代理到 https://192.168.3.49:8080 vue.config.js配置 devServer: { proxy: { '/edu-api': { target
阅读全文
摘要：什么是Vuex? 什么时候用的到Vuex? 一，vue cli中简单使用Vuex示例 1，state用法 注：main.js为定义store的代码，后面为接收state的几种方式 main.js 适合获取状态个数少的时候 适合多个状态的时候 适合与局部计算属性混合使用的时候 2，Getter用法 注
阅读全文
摘要：Vue CLI 是一个基于 Vue.js 进行项目快速开发的脚手架 一，vue.config.js配置文件 默认Vue CLI安装完成后，是没有这个配置文件的，需要手动在项目根目录创建，并修改使用: 以下为我简单配置的文件，更多详细配置，请参考 Vue CLI官网 vue.config.js 设置代
阅读全文
摘要：一，脚手架安装 1，全局安装Vue CLI 安装之后，使用以下命令查看安装是否正确 2，快速创建一个CLI项目 此时会出现以下安装选项： 选择安装选项 选择安装插件 注：按上、下健切换选项，按空格键选择选项，按i键反选 选择路由HTML5 history 模式 注：可以先不选择，后期如果用到，再手动
阅读全文
摘要：路由 Vue Router 一，Vue Router 在项目中的安装引用 1，在页面中使用<script>快速使用Vue Router开发 <!doctype html> <html> <head> <meta charset="utf-8"> <title>使用script直接引入Vue Rout
阅读全文
摘要：注：默认浏览器调试工具，在调试vue的页面时，是不能看到vue项目的属性状态值的，所以最好是在浏览器上安装 vue-devtools ，这样就可以在浏览器里面审查和调试vue的应用了 1，Chrome浏览器(需要FQ) https://chrome.google.com/webstore/detai
阅读全文
摘要：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 所谓渐进式是指： 1，如果你有一个现成的web应用，你可以将vue作为该应用的一部分嵌入其中，带来更丰富的交互体验 2，如果你需要更多业务逻辑要放到前端处理，那么Vue的核心库以及生态系统，也可以满足各样的需求 一
阅读全文
摘要：前言 一，Vue开发工具：本人使用Hubilder X开发工具(Vue特别赞助商 )，选择合适自己的开发工具即可： 例如：vscode、WebStorm、sublimetext等任何文本工具都可进行开发 二，目录介绍： 1，Vue技术点整理-安装引入 2，Vue技术点整理 vue-devtools
阅读全文
