vue事件绑定v-on和表单事件绑定v-model

vue事件绑定v-on和表单事件绑定v-model

        vue事件绑定的写法:v-on:事件名.修饰符 = "方法";简写方式:@事件名。修饰符 = "方法"        自定义事件写法        父组件:当compA监听到自定义事件my-event被触发的时候,去执行onComaMyEvent方法。<template><divid="app"><button @click="toggle">toggle<
浏览:893 标签: v-on vue v-model 时间: 2018-01-28 0:46
vue条件渲染v-show/v-if

vue条件渲染v-show/v-if

        使用 v-show 指令就意味着当前的模块是存在文档流中,通过css来控制其显示隐藏;        注意,v-show 不支持 <template> 元素,也不支持 v-else。<p v-show="!isPartA">partB</p>                而使用 v-if 是当条件为 false 的时候,当前的模块在文档流中会被删除。v-
浏览:876 标签: v-show v-if vue 时间: 2018-01-27 23:50
vue标签属性v-bind绑定class

vue标签属性v-bind绑定class

        vue中所有用 v-bind 指令绑定的属性,若data中数据发生改变了企业面上的值也会同步进行更新。<av-bind:href="link":title="MVC"> to menvscode</a>        假如不是通过v-bind绑定的属性,这个link就是一个字符串。<a href="link"> to menvscode </a>      
浏览:1061 标签: vue v-bind 时间: 2018-01-27 2:45
vue中数组列表数据同步更新方法

vue中数组列表数据同步更新方法

        Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:push():向后添加元素pop():删除并返回数组的最后一个元素shift():删除第一个元素,并返回第一个元素的值unshift():向数组的开头添加一个或更多元素,并返回新的长度splice():从数组中添加/删除项目,然后返回被删除的项目。sort():对数组的元素进
浏览:878 标签: vue 数组 时间: 2018-01-27 2:10
v-for指令用法:列表渲染(数组/对象)

v-for指令用法:列表渲染(数组/对象)

        v-for指令:循环遍历数据并渲染数据,有特定的特定语法格式。        一、渲染数据是数组        方式1:v-for="item in list"<template><divid="app"><pv-for="item in list">{{item.name}}-{{item.price}}</p></div></template><scri
浏览:1116 标签: v-for vue 时间: 2018-01-27 1:36
vuejs的特点

vuejs的特点

vuejs的特点        (1)响应式--数据双向绑定        双向绑定的意义:传统的前端开发中,会有一套js功能代码,一套html模板代码,js和html之间会存在很多的交互。比如js获取html中的字段,或者用户通过html输入内容要反应到js里等。当这些交互变得复杂起来的时候,        (2)组件化--模块化        (3)单文件组件 
浏览:905 标签: 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
浏览:2703 标签: 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
浏览:1080 标签: 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 -
浏览:2633 标签: axios vue vue-axios 时间: 2017-12-17 23:01
vuex划分模块module

vuex划分模块module

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

邮箱快速注册

忘记密码