![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
vue学习
罗罗诺亚丶索隆
一只菜鸟
展开
-
vue路由router的详解
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。我们可以访问其官方网站对其进行学习:https://router.vuejs.org/zh/vue-router是基于路由和组件的路由用户设定访问路径的,将路径和组件映射起来。在vue-router的单页面应用中,页面的路径的改变就是组件的切换1、vue安装npm install vue-router2、...原创 2021-08-26 09:58:03 · 651 阅读 · 0 评论 -
vuex的详解
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(可以理解vue组件中公用的数据)在 Vue 之后引入vuexnpm install vuex --saveVuex五个核心概念 1. state:vuex的基本数据,可以看做是所有组件的公共数据。 2. getters:从基本数据(state)派生的数据,相当于state的计算属性。 3. mutation:提交更.原创 2021-08-25 16:54:31 · 191 阅读 · 0 评论 -
vue 学习笔记(组件)(三)
1、创建组件组件可以扩展 HTML 元素,封装可重用的代码。注册一个全局组件语法格式如下:Vue.component(tagName, options)tagName 为组件名,options 为配置选项。注册后,我们可以使用以下方式来调用组件:<tagName></tagName>例:<div id="app"> <runoob></runoob></div> <scrip原创 2021-08-20 16:46:32 · 158 阅读 · 0 评论 -
vue 学习笔记(二)
一、事件可以用v-on指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。1、也可以使用表达式完成事件操作<h1>点击次数:{{count}}</h1><!-- 可以使用表达式完成事件操作 --><button type="button" @click="count+=1">点击</button><!-- 获取事件对象 --><button @click="clickEvent"&g..原创 2021-08-20 14:34:09 · 115 阅读 · 0 评论 -
vue 学习笔记(一)
一、模板语法1、插值1.1、文本数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:<div id="app"> <p>{{ message }}</p></div>1.2、html使用 v-html 指令用于输出 html 代码:<div id="app"> <div v-html="message"></div></div> <s原创 2021-08-20 11:06:26 · 189 阅读 · 0 评论