vuejs的特点

vuejs的特点

vuejs的特点        (1)响应式--数据双向绑定        双向绑定的意义:传统的前端开发中,会有一套js功能代码,一套html模板代码,js和html之间会存在很多的交互。比如js获取html中的字段,或者用户通过html输入内容要反应到js里等。当这些交互变得复杂起来的时候,        (2)组件化--模块化        (3)单文件组件 
浏览:804 标签: vue 时间: 2018-01-25 21:14
Vue服务端渲染应用框架--Nuxt.js

Vue服务端渲染应用框架--Nuxt.js

安装Nuxt.js:https://zh.nuxtjs.org/guide/installationvue init nuxt/starter <项目文件名>安装依赖包:npm install 启动项目:npm run dev,默认端口是 3000。目录结构:https://zh.nuxtjs.org/guide/directory-structure--.nuxt
浏览:2383 标签: nuxt vue 时间: 2017-12-31 0:27
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
浏览:994 标签: ssr vue vue-server-renderer 时间: 2017-12-28 21:46
vue之axios使用

vue之axios使用

axios简介        基于 Promise,用于浏览器和 nodejs 的与服务器端通信库。axios特性        1. 支持 Promise API        2. 拦截请求和响应        3. 转换请求和响应数据        4. 取消请求        5. 自动转换JSON数据axios使用npm install axios -
浏览:2392 标签: axios vue vue-axios 时间: 2017-12-17 23:01
vuex划分模块module

vuex划分模块module

Vuex核心概念        store:类似容器,包含应用大部分状态; 一个页面只能只能有一个store;状态存储是响应式的;不能直接改变store中的状态,唯一途径显示的提交mutations。        State:包含所有应用级别状态的对象        Getter:在组件内部获取store中状态的函数        Mutations:唯一修改状态的事
浏览:911 标签: module vuex 时间: 2017-12-17 17:04
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
浏览:2004 标签: mapState mapGetters vuex mapActions mapMutations 时间: 2017-12-17 15:14
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
浏览:1726 标签: action getter vuex 时间: 2017-12-16 23:25
vuex异步操作-action

vuex异步操作-action

        如果点击按钮不是直接改变store中的状态,而是完成其他操作后再来改变,这时候会出现一个问题。        /store/index.jsimport Vuefrom'vue'import Vuexfrom'vuex'Vue.use(Vuex)let store =new Vuex.Store({ state:{//应用中需要的状态数据
浏览:2174 标签: action vuex 时间: 2017-12-16 22:39
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
浏览:2388 标签: vuex sync $emit vue 时间: 2017-12-15 23:40
vue之vuex介绍/使用/实例分析vuex流程

vue之vuex介绍/使用/实例分析vuex流程

vuex是什么        专为Vue.js应用程序开发的状态管理模式        采用集中存储管理应用的所有组件的状态        以相应的规则保证状态以一种可预测的方式发生变化状态        组件内部状态: 仅在一个组件内使用的状态(data字段),不能共享;        应用级别状态:多个组件公用的状态什么情况下使用Vuex        多个
浏览:858 标签: vuex state mutations 时间: 2017-12-15 17:33
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项目 
浏览:1048 标签: vue 时间: 2017-12-15 15:20
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
浏览:1037 标签: keep-alive :is vue 时间: 2017-12-14 21:36

邮箱快速注册

忘记密码