随笔分类 -  Vue

关于vue
【Vue】SPA优化
摘要：本片是个人基于vue-cli3脚手架的vue项目做的优化记录 1.cdn引入 CDN（内容分发网络），是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。 静态资源托 阅读全文
posted @ 2020-02-04 17:14 把我当做一棵树叭 阅读(322) 评论(0) 推荐(0)
【Vue】Vue相关面试题
摘要：1.MVVM的理解 MVVM：Model-View-ViewModel，模型-视图-视图模型。Model指数据模型，View指视图，ViewModel是连接view和model的桥梁。ViewModel功能： 1.将模型转换为视图，即将数据模型的数据转化为所看到的页面。实现的方式是数据绑定。 2.将 阅读全文
posted @ 2020-01-29 15:54 把我当做一棵树叭 阅读(464) 评论(0) 推荐(0)
【Vue】修饰符
摘要：v-model修饰符 .lazy：默认情况下每次input事件触发后数据就同步，使用该修饰符可以改为跟change事件进行同步 .number：自动将用户输入值改为数值类型 .trim:自动过滤用户输入的首尾空白字符 事件修饰符 为v-on提供了事件修饰符 .stop:阻止事件传播即冒泡 .prev 阅读全文
posted @ 2020-01-19 15:52 把我当做一棵树叭 阅读(157) 评论(0) 推荐(0)
【Vue】组件插槽
摘要：注意：2.6.0之后为具名插槽和作用域引入了统一语法v-slot,取代了slot和slot-scope两个目前已被废弃但未被移除且在文档中的特性。 父组件模板里的所有内容都是在父级作用域中编译的，子模板里的所有内容都是在自作用域中编译的。 插槽分为三类： 1.匿名插槽（默认插槽），没有命名有且只有一 阅读全文
posted @ 2020-01-19 13:53 把我当做一棵树叭 阅读(244) 评论(0) 推荐(0)
【Vue】组件部分知识+.sync修饰符原理+v-model原理
摘要：1.脚手架引用组件 全局应用在main.js中 import children from './components/children.vue' Vue.component("children",children) 局部引用在对应的vue文件中 <children></children> impor 阅读全文
posted @ 2020-01-19 10:23 把我当做一棵树叭 阅读(696) 评论(0) 推荐(0)
【Vue】vue-amap
摘要：官方文档：https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install 安装 npm install vue-amap --save 引入 import VueAMap from 'vue-amap'; Vue.use(VueAMap 阅读全文
posted @ 2020-01-10 17:07 把我当做一棵树叭 阅读(304) 评论(0) 推荐(0)
【Vue】Vue cli
摘要：让开发者从纠结配置中解放出来，专注于撰写应用程序，Vue CLI就因此而生。它不仅确保了各种构建工具能够基于智能的默认配置即可平稳衔接，还提供了配置调整的灵活性。 CLI 2 全局安装并创建项目 npm install -g vue-cli npm install -g vue-cli@x.x.x 阅读全文
posted @ 2020-01-10 16:51 把我当做一棵树叭 阅读(241) 评论(0) 推荐(0)
【Vue】scoped
摘要：定义 当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。 通过该属性，可使组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。 实现原理 实现原理是给dom添加了一个独一 阅读全文
posted @ 2020-01-09 10:03 把我当做一棵树叭 阅读(346) 评论(0) 推荐(0)
【Vue】vConsole
摘要：添加控制台，在移动端就能看到 npm安装 npm install vconsole 页面中的引用 import vConsole from 'vconsole' mounted () { let v = new vConsole() }, 阅读全文
posted @ 2019-12-30 17:29 把我当做一棵树叭 阅读(236) 评论(0) 推荐(0)
【Vue】Axios、qs
摘要：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 npm安装 npm install axios 使用cdn <script src="https://unpkg.com/axios/dist/axios.min.js"></script> main. 阅读全文
posted @ 2019-12-25 17:29 把我当做一棵树叭 阅读(1985) 评论(0) 推荐(0)
【Vue】国际化vue-i18n
摘要：npm安装 npm install vue-i18n main.js配置 引入插件 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) 引入对应的语言文件 const i18n = new VueI18n({ l 阅读全文
posted @ 2019-12-25 16:16 把我当做一棵树叭 阅读(930) 评论(0) 推荐(0)
【Vue】Vuex
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 安装 npm install vuex --save main.js import store from './store' new Vue( 阅读全文
posted @ 2019-12-22 17:08 把我当做一棵树叭 阅读(290) 评论(0) 推荐(0)
【Vue】缓存keep-alive
摘要：缓存 keep-alive 阅读全文
posted @ 2019-12-20 00:18 把我当做一棵树叭 阅读(448) 评论(0) 推荐(0)
【Vue】侦听属性watch
摘要：vue watch 阅读全文
posted @ 2019-12-20 00:05 把我当做一棵树叭 阅读(399) 评论(0) 推荐(0)
【Vue】计算属性computed
摘要：vue computed 阅读全文
posted @ 2019-12-20 00:04 把我当做一棵树叭 阅读(496) 评论(0) 推荐(0)