vue中解决跨域问题

vue中解决跨域问题

方法1、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问header('Access-Control-Allow-Method:POST,GET');//允许访问的方式方法2、使用JQuery提供的jsonp methods: { getData () {var self =this
浏览:265 标签: vue 跨域 时间: 2018-03-02 22:54
vue-cli脚手架中配置webpack.dev.conf.js文件实现数据模拟

vue-cli脚手架中配置webpack.dev.conf.js文件实现数据模拟

1、根目录下创建要模拟数据的文件 db.json{"getNewsList": [ {"id":1,"title":"新闻条目1新闻条目1新闻条目1新闻条目1","url":"http://starcraft.com" } ],"login": {"username":"yudongdong","userId":123123 },"getOrderLis
浏览:335 标签: webpack.dev.conf.js vue-cli vue 时间: 2018-02-07 0:45
vue-cli脚手架配置json-server

vue-cli脚手架配置json-server

1、安装 json-servernpm install json-server --save2、根目录下创建要模拟数据的文件 db.json{"getNewsList": [ {"id":1,"title":"新闻条目1新闻条目1新闻条目1新闻条目1","url":"http://starcraft.com" } ],"login": {"username
浏览:266 标签: json-server vue-cli 时间: 2018-02-05 23:13
vue生命周期和钩子函数

vue生命周期和钩子函数

        每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。        生命周期图示如下,官网生命周期函数介绍:https://cn.vuejs.org/v2/api/#选项-生
浏览:365 标签: vue 生命周期 钩子函数 时间: 2018-01-31 22:03
vue前端路由vue-router配置

vue前端路由vue-router配置

        一、vue-router使用步骤        (1) 安装vue-router模块npm install vue-router --save        (2) 引入模块 import VueRouterfrom'vue-router'        (3) 作为Vue的插件Vue.use(VueRouter)        (4) 创建路由实例对象
浏览:304 标签: vue-router 路由 vue 时间: 2018-01-30 17:18
vue自定义指令

vue自定义指令

        vue常见的内置指令:v-on、v-blnd、v-show、v-html...        自定义指令:        (1)局部自定义指令,只在当前这个组件内使用;如果想注册局部指令,组件中也接受一个 directives 的选项:directives: { focus: { // 指令的定义 inserted: function (
浏览:267 标签: vue 时间: 2018-01-29 22:29
vue过渡动画tranistion(css过渡)

vue过渡动画tranistion(css过渡)

        transition:表示引入了vue提供的一个内置组件,可以配合name命名进行区分。        css过渡示意图        接受过渡效果元素的时候,transition 组件会给这个元素在不同阶段的时候添加/删除不同的类名,然后通过css来控制不同阶段的类名,就能实现过渡或者动画。        类名分为两个阶段:进入阶段(Enter),离开
浏览:279 标签: tranistion 过渡动画 vue 时间: 2018-01-29 0:57
vue过渡动画tranistion(js过渡)

vue过渡动画tranistion(js过渡)

        vue过渡动画tranistion(css过渡)        js实现过渡效果<transitionv-on:before-enter="beforeEnter"v-on:enter="enter"v-on:after-enter="afterEnter"v-on:enter-cancelled="enterCancelled"v-on:before-lea
浏览:247 标签: tranistion 过渡动画 vue 时间: 2018-01-29 0:56
vue动态组件is/keep-alive

vue动态组件is/keep-alive

        1、通过动态绑定 is 属性来实现动态组件。<template><divid="app"><p:is="currentView">eewqewqe</p><button @click="toggleComp">切换组件</button></div></template><script>import Vuefrom'vue'import compAfrom'@/c
浏览:300 标签: is vue keep-alive 时间: 2018-01-29 0:37
vue中slot插槽功能

vue中slot插槽功能

        vue中slot插槽功能,其实也是父组件给子组件传递信息的一个过程。使用一种方式混合父组件的内容与子组件自己的模板,这种过程被称为“内容分发”。在子组件中使用特殊的<slot>元素作为内容的插槽。        这样会使组件的可扩展性更强。        1、单个slot       在子组件模板中有slot标签,被视为备用内容,在父组件不提供内容的情况下
浏览:810 标签: slot vue 时间: 2018-01-28 22:51
vue中父/子组件之间的通信(props/$emit)

vue中父/子组件之间的通信(props/$emit)

        父组件中的子组件名字应将驼峰式的名字转换成带有'-'符号形式,标签属性也要转换,标签属性也要转换,可以观察下方例子。        1、父组件给子组件传递数据        父组件<template><divid="app"><comp-a :number-to-do=5></comp-a></div></template><script>import Vu
浏览:289 标签: props $emit 时间: 2018-01-28 21:01
vue计算属性computed/数据监听watch

vue计算属性computed/数据监听watch

        计算属性的更新只会根据当前要处理数据的值。假如当前数据的值不再更新,那么计算属性也不会在更新了。        调用methods里面方法进行更新,无论什么时候调用,都会获取当前的数据值进行处理。<template><divid="app"><inputtype="text"v-model="myValue"> {{ getMyValue2() }}<
浏览:324 标签: computed $watch vue 时间: 2018-01-28 17:14

邮箱快速注册

忘记密码