随笔分类 - VUE
vue学习笔记
摘要：1、file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 2、url-loader：和 file-loader 类似，但是能在文件很小的情况下以 base64 的方式把文件内容注入到代码中去 3、source-map-loader：加载额外的 Source M
阅读全文
摘要：什么是webpack? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每 个模块,然后将所有这些模块打包成
阅读全文
摘要：Vue.prototype 通过在vue原型上定义它们使其在每个 Vue 的实例中可用 在多个地方都需要使用但不想污染全局作用域的情况下，这样定义，在每个 Vue 实例中都可用。 $ 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生
阅读全文
摘要：在 2.x 中，开发者可以使用过滤器来处理通用文本格式。 例如： <template> <h1>Bank Account Balance</h1> <p>{{ accountBalance | currencyUSD }}</p> </template> <script> export defaul
阅读全文
摘要：Vue 没有内置支持防抖和节流，但可以使用 Lodash 等库来实现。 如果某个组件仅使用一次，可以在 methods 中直接应用防抖： <script src="https://unpkg.com/lodash@4.17.20/lodash.min.js"></script> <script> V
阅读全文
摘要：如下：点击返回某种成功或失败状态 引入方法： 在main.js主文件中如下： import { Message } from 'element-ui' Vue.use(Message) Vue.prototype.$message = Message 使用方法： 代码如下： <template> <
阅读全文
摘要：VUE 过滤器 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。 过滤器的定义 如下 <script src="https://unpkg.com/vue/dist/vue.js"></script> 在直接引入vue.js 的页面中 1.在Vue定义之前，先定义一个全局过滤器 Vu
阅读全文
摘要：axios.post参数问题 如下：this.addForm 为JSON格式 let url = '/api/addShouru' axios.post(url,this.addForm).then(res => { console.log(res.data) }) 这样传，node服务器接收不到参
阅读全文
摘要：Stylus| vue项目中stylus和stylus-loader版本兼容问题 报错代码： in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=stylus&scoped=true& Module build failed (from
阅读全文
摘要：SPA 单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 SPA的特点： 速度：更好的用户体验，让用户在web app感受native app的速度和流畅，
阅读全文
摘要：vue2中的Options API 在vue2中，我们会在一个vue文件中methods，computed，watch，data中等等定义属性和方法，共同处理页面逻辑，我们称这种方式为Options API 缺点： 一个功能往往需要在不同的vue配置项中定义属性和方法，比较分散，项目小还好，清晰明了
阅读全文
摘要：el-form 表单 el-button 按钮 el-form-item 行内表单 el-input 输入框 el-container 布局容器 el-header 顶栏容器 el-aside 侧边栏容器 el-main 主要区域容器 el-footer 底栏容器 el-menu 导航菜单 el-m
阅读全文
摘要：调试工具安装 ① 克隆仓库 ② 安装依赖包 ③ 构建 ④ 打开Chrome扩展页面 ⑤ 选中开发者模式 ⑥ 加载已解压的扩展，选择shells/chrome 调试工具用法
阅读全文
摘要：组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素，封装可重用的代 组件注册 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象 全局组件注册后，任何vue实例都可以用 组件注意事项 组件参
阅读全文
摘要：表单基本操作 获取单选框中的值 通过v-model <input type="radio" id="male" value="1" v-model='gender'> <label for="male">男</label> <input type="radio" id="female" value=
阅读全文
摘要：Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 基础的把数据写到页面里面 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪
阅读全文
摘要：methods: vue 里面可以放函数的地方 <div id="div"> <p >{{message}}</p> <button id="btn" v-on:click="change">点击翻译成中文</button> </div> <script src="https://cdn.jsdel
阅读全文
摘要：以下主要从几个方面来讲： 1.vue的生命周期是什么 2.vue生命周期的在项目中的执行顺序 3.vue中内置的方法 属性和vue生命周期的运行顺序（methods、computed、data、watch） 4.自己构造的方法与vue生命周期的运行顺序 如show这些 5.总结 一、vue的生命周期
阅读全文
摘要：组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。 在说如何实现通信之前，我们先来建两个组
阅读全文
摘要：不可否定的是，vue现在火。但是在实际项目中，特别是像一下交互网站，我们不可避免会考虑到的是seo问题，这直接关系到我们网站的排名，很多人说用vue搭建的网站不能做优化，那我们真的要放弃vue，放弃前后端分离开发么？ 首先，可以肯定的是前后端分离不利于SEO，为什么呢？ 1.搜索引擎的基础爬虫的原理
阅读全文
浙公网安备 33010602011771号