/tags/vue/ Recent content in Vue on Runtime: out of memory Hugo -- gohugo.io zh-cn Wed, 01 Mar 2017 00:00:00 +0000 /blog/vue-router-%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/ Wed, 01 Mar 2017 00:00:00 +0000 /blog/vue-router-%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/ 配置路由 $ npm install vue-router --save routes.js import Home from './pages/Home.vue' import Gifs from './pages/Gifs.vue' import User from './pages/User.vue' export const routes = [ { path: '', component: Home }, { path: '/gifs', component: Gifs }, { path: '/user/:id', component: User } //指定路由和对应要渲染的组件 //404的path /blog/vuex%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/ Wed, 08 Feb 2017 00:00:00 +0000 /blog/vuex%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/ 基本用途： 将某些data变成组件间公用的状态，组件随时都可以进行访问和响应，解决了props传值的链式响应的代码冗余 给状态配以公用方法，将状 /blog/vue%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/ Wed, 25 Jan 2017 00:00:00 +0000 /blog/vue%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/ ##将数据渲染进DOM元素 {{message}} v-bind:属性= (也可写作 :属性=) ##常用语句 判断 v-if 循环 v-for="todo in todos" 按钮 v-on:click="函数名