![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
文章平均质量分 88
zl979899
这个作者很懒,什么都没留下…
展开
-
Vuex基础(二)
Mutations1.更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。包含多个直接更新 state 的方法(回调函数)的对象 被动触发:action 中的 commit('mutation 名称') 每个 mutation 都有一个字符串的事件类型 (type)和 一个回调函数 (handler)。 这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数 只能包含同步的代码, 不能写异步代码2. 方法定义与调用//定义...原创 2022-05-06 16:06:41 · 311 阅读 · 1 评论 -
Vue组件的通信
Prop1.Prop 的大小写 (camelCase vs kebab-case)HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名 如果使用字符串模板,那么这个限制就不存在了。<!-- 在 HTML 中是 kebab-case 的 --><blog-post post-t.原创 2022-01-07 09:12:06 · 191 阅读 · 0 评论 -
Vue基础(二)
事件处理内联语句处理器中访问原始的 DOM 事件。可以用特殊变量$event test()相当于test($event) test('abcd', $event)则需要显示传入$event 事件修饰符 .stop:停止事件冒泡(传播) event.stopPropagation() .prevent:阻止事件,比如标签的默认行为 event.preventDefault() .capture:元素自身触发的事件先在此处处理,然后才交由内部元素进行处理 .self:只当在 ..原创 2021-12-01 08:42:57 · 409 阅读 · 0 评论 -
Vuex基础(一)
基本概念1. github地址:https://github.com/vuejs/vuex2. 官网地址:https://vuex.vuejs.org/zh/3. Vuex理解一个专为 Vue.js 应用程序开发的状态管理模式。 对 vue 应用中多个组件的共享状态进行集中式的管理(读/写)4. 状态自管理应用state:驱动应用的数据源,存储的一些状态对象 view:以声明方式将 state 映射到视图 actions:操作状态对象的函数,响应在 view 上的用户输入导致的状原创 2022-05-06 11:07:56 · 127 阅读 · 0 评论 -
Vue组件化编码
Vue创建项目1. 使用vue-cli创建模板项目,是vue官方提供的脚手架工具2. vue-cli的github地址:https://github.com/vuejs/vue-cli/tree/v23. 创建项目命令npm install -g vue-cli:安装vue-cli脚手架 vue init webpack vue_demo:使用webpack模板创建项目 cd vue_demo:进入项目目录 npm install:安装项目需要的依赖 npm run dev:启动vu原创 2022-01-06 08:56:08 · 81 阅读 · 0 评论 -
Vue基础(一)
简单介绍1. 中文官网:https://cn.vuejs.org/2. VUE简单介绍Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。 数据和 DOM 已经被建立了关联,所有东西都是响应式的。 一个 Vue 应用实例会将其挂载到一个 DOM 元素上,然后对其进行完全控制。 在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例。3. MVVM模型model:模型,数据对象,例如app实例中的data view:视图,模板页面,例.原创 2021-11-30 16:40:44 · 157 阅读 · 0 评论