通过es-checker检测es6是否支持node当前环境
通过es-checker检测es6是否支持node当前环境
es-checker会检测当前的node版本对es6的支持情况。小编当前的node的版本为:v6.11.0全局安装 es-checkernpm install es-checker -g运行 es-checker 进行检测es-checker运行结果:Variables √let andconst √ TDZ errorfor too-early accesso
浏览:1623 标签: es-checker es6 node
vue文件服务器渲染--SSR模型建立
vue文件服务器渲染--SSR模型建立
        初始化项目npm init -y        安装vue,vue-server-rendernpm install vue vue-server-renderer --save-dev        安装expressnpm install express --save-dev        const renderer = require('vue-s
浏览:1443 标签: ssr vue vue-server-renderer
vue之axios使用
vue之axios使用
axios简介        基于 Promise,用于浏览器和 nodejs 的与服务器端通信库。axios特性        1. 支持 Promise API        2. 拦截请求和响应        3. 转换请求和响应数据        4. 取消请求        5. 自动转换JSON数据axios使用npm install axios -
浏览:3497 标签: axios vue vue-axios
vuex划分模块module
vuex划分模块module
Vuex核心概念        store:类似容器,包含应用大部分状态; 一个页面只能只能有一个store;状态存储是响应式的;不能直接改变store中的状态,唯一途径显示的提交mutations。        State:包含所有应用级别状态的对象        Getter:在组件内部获取store中状态的函数        Mutations:唯一修改状态的事
浏览:1280 标签: module vuex
vuex辅助函数mapState/mapAction/mapMutations/mapGetters
vuex辅助函数mapState/mapAction/mapMutations/mapGetters
        Vuex辅助函数:mapState、mapGetters、mapMutations、mapActions。import {mapState,mapGetters,mapActions,mapMutations}from'vuex'        mapState调用完之后是返回一个对象;        写法1:箭头函数接受vuex里面state状态作为参数c
浏览:4340 标签: mapState mapGetters vuex mapActions mapMutations
vuex中action异步操作/getter计算状态
vuex中action异步操作/getter计算状态
/store/index.jsimport Vuefrom'vue'import Vuexfrom'vuex'Vue.use(Vuex)let store =new Vuex.Store({ state:{//应用中需要的状态数据 count:100 }, mutations:{//不能直接改变state中的状态,唯一途径显示的提交m
浏览:2573 标签: action getter vuex
vuex异步操作-action
vuex异步操作-action
        如果点击按钮不是直接改变store中的状态,而是完成其他操作后再来改变,这时候会出现一个问题。        /store/index.jsimport Vuefrom'vue'import Vuexfrom'vuex'Vue.use(Vuex)let store =new Vuex.Store({ state:{//应用中需要的状态数据
浏览:3040 标签: action vuex
vue分别利用$emit/sync修饰符和vuex封装select组件
vue分别利用$emit/sync修饰符和vuex封装select组件
        利用$emit/sync修饰符封装select组件        List.vue<template><divclass="list"><pv-for="item in data" @click="getTitleHandle(item.name)">{{item.name}}</p></div></template><script>exportdefault
浏览:3433 标签: vuex sync $emit vue
vue之vuex介绍/使用/实例分析vuex流程
vue之vuex介绍/使用/实例分析vuex流程
vuex是什么        专为Vue.js应用程序开发的状态管理模式        采用集中存储管理应用的所有组件的状态        以相应的规则保证状态以一种可预测的方式发生变化状态        组件内部状态: 仅在一个组件内使用的状态(data字段),不能共享;        应用级别状态:多个组件公用的状态什么情况下使用Vuex        多个
浏览:1313 标签: vuex state mutations
vue开发常见问题集合
vue开发常见问题集合
        特别说明,以下是针对vue2.0总结的问题。        提醒:npm install等价于npm i,--save等价于-S,--save-dev等价于-D。一个是完整命令,一个是快捷命令。npm cache clean的别名为npm cache clear和npm cache rm。                使用vue-cli构建vue项目 
浏览:1644 标签: vue
vue动态组件:is/keep-alive
vue动态组件:is/keep-alive
组件引入方式:动态绑定is加载组件<template>    <p:is='comToRender'></p></template><script>    import Vue from 'vue'    import ComA from './component/a'    exportdefault {    components:{ CompA },    d
浏览:1518 标签: keep-alive :is vue
基于vue-cli脚手架打包vue项目注意事项
基于vue-cli脚手架打包vue项目注意事项
        一、路劲        vue项目(基于vue-cli脚手架)开发完成后,需要将开发环境的代码打包成可上线的代码。打包指令:npm run build        打包完完成后会生成dist文件夹,内部包含index.html和静态文件。黄字提示我们打包好的文件只能在服务器环境下运行,直接运行index.html文件是无效的。        通过app
浏览:3127 标签: vue-cli vue

邮箱快速注册

忘记密码