vuejs
文章平均质量分 67
u014628388
这个作者很懒,什么都没留下…
展开
-
Vue如何支持JSX语法
Vue如何支持JSX语法通常开发vue我们使用的是模板语法,其实还有和react相同的语法,那就是render函数,同样支持jsx语法。 Vue 的模板实际是编译成了 render 函数。1.传统的createElement方法createElement( 'anchored-heading', { props: { level: 1 } }, [ cr原创 2017-07-25 22:41:22 · 28070 阅读 · 1 评论 -
vue中通过watch监听数据变化,带来的性能优化
问题背景为什么要用 vuex?在使用 Vue 进行组件化开发时,组件通信是一个十分重要的部分。在 Vue 中,父子组件的关系可以总结为父子组件通信:父组件通过 props 向下传递数据给子组件 子父组件通信:子组件通过 events 给父组件发送消息 使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件 非父子组件通信:使用...原创 2018-07-17 23:43:39 · 41157 阅读 · 0 评论 -
vue-router配置虚拟页面
使用虚拟页面配合 vue-router 划分项目结构解决的问题由于对 router 的理解问题,项目里之前使用了比较恶心的路由配置,导致项目路由嵌套关系特别混乱,而且带来了问题,同一个模块在切换子模块的时候左侧导航栏高亮消失。如下图:vue 的 src 文件里组件文件的结构一般如下(注:文件夹名采用小写,因为对应的是路径 path)+----------------------...原创 2018-07-17 23:44:08 · 1444 阅读 · 0 评论 -
vue的跨域问题
vue的跨域问题*本文只针对使用vue-cli构建的项目问题描述:使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问 localhost:8888 上的接口分析原因:不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置。 不过 Vue-cli 创建的项目,可以直接利用 Node.js 代理服务器,实现跨原创 2017-09-14 10:02:30 · 2354 阅读 · 1 评论 -
Axios说明文档
Axios说明文档Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装使用 npm:$ npm install a原创 2017-11-21 15:52:03 · 408 阅读 · 0 评论 -
Vue自定义指令的使用
Vue自定义指令的使用1.自定义指令的语法Vue自定义指令语法如下:Vue.directive(id, definition)传入的两个参数,id是指指令ID,definition是指定义对象。其中,定义对象可以提供一些钩子函数2.钩子函数定义对象的钩子函数如下:钩子函数的参数el: 指令所绑定的元素,可以用来直接操作 DOM 。binding: 一个对象,包含以下属性: *name:原创 2017-08-21 14:25:41 · 2686 阅读 · 0 评论 -
Vue2.0父子组件以及非父子组件之间的通信
Vue2.0父子组件、非父子组件之间的通信1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}子组件: (通过props属原创 2017-07-28 22:43:45 · 947 阅读 · 1 评论 -
Vue实现组件信息的缓存
Vue实现组件信息的缓存当我们在开发vue的项目过程中,避免不了在路由切换到其他component再返回后该组件数据会重新加载, 处理这种情况我们就需要用到keep-alive来缓存vue的组件信息,使其不再重新加载。在app.vue里<keep-alive> <router-view></router-view></keep-alive>但是这种情况会对所有的组件进行缓存,不能达到单个原创 2017-07-29 00:23:44 · 15855 阅读 · 0 评论 -
如何理解vue的slot
如何理解vue的slot插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。插槽的原理和Angular中的ng-transclude十分类似,本篇也是对所学内容做一个梳理。形式上看,Slot的设计对应了angular中的ng-tranclude属性,即用该方法来确定在何处放置嵌入部分。1.ng-tr原创 2017-07-25 23:41:41 · 10046 阅读 · 0 评论 -
vue 中的动态传参和query传参
Vue router 如何传参params、query 是什么?params:/router1/:id,这里的 id 叫做 params。例如/router1/123, /router1/789 query:/router1?id=123,这里的 id 叫做 query。例如/router1?id=456query 方式传参和接收参数传参: this.$router.push({ ...原创 2018-07-17 23:43:27 · 43584 阅读 · 4 评论