qq_37831759的博客

一直以为项目里面的store是js的什么高级用法，今天看了一下原来是个插件下面是官方文档的总结vuex的核心是store，包含着应用中大部分的状态1、Vuex的状态存储是响应式的，当VUE组件从store中读取状态的时候，若store中的状态发生变化，相应的组件也会得到高效的更新2、不能直接改变store中的状态，除了commit通过store.state获取状态对象，commit触发状态变更通过this.$store访问实例。

路由用于组件间的跳转首先定义组件：const Foo = { template: '<div>foo</div>' }const Bar = { template: '<div>bar</div>' }这是我们现在实例用的组件，实际项目中一个组件可能就是一整个页面接下来我们创建一个路由对象const routes = [ { path: '/foo', component: Foo }, { path: '/bar', component

在Vue笔记（二）中简单看了一下组件 现在做一个更详细的学习来看一个经典的组件代码（来源于Vue官网）// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} tim

条件渲染使用v-if v-else-if v-else来实现条件渲染示例如下<div v-if="type === 'A'">A</div><div v-else-if="type === 'B'">B</div><div v-else-if="type === 'C'">C</div><div v-else>Not A/B/C</div>如图所示，在vue类中对 type赋值，即可决定是否进行渲

基本语法<div id="app"> {{ message }}</div>div的id是app，内容为一个名为message的变量在js代码块内：var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})声明一个名为app的对象，该对象是一个vue对象，其中element使用id选择器，选择了id为app的代码块，并为变量message赋值"hello vue"完成