
Vue
文章平均质量分 92
落败.
这个作者很懒,什么都没留下…
展开
-
六、Vuex
mapActions与mapMutations使用时,若需要传递参数需要:在模板中绑定事件时传递好参数,否则参数是事件参数。通过 commit( )来触发 mutation 中函数的调用, 间接更新 state。mutations 中方法的特点:不能写异步代码、只能单纯的操作 stat。.谁能调用 mutations 中的方法?值是一个对象,包含多个直接更新 state 的方。值为一个对象,包含多个响应用户动作的回调函数。可以包含异步代码(定时器, ajax 等等。如何触发 actions 中的回调?原创 2024-02-24 08:34:26 · 389 阅读 · 0 评论 -
五、使用脚手架
组件化编码流程:拆分静态组件:组件要按照功能点拆分,命名不要与html冲突实现动态组件:考虑好数据的存放位置,数据是一个组件再用,还是一些组件再用。一个组件再用:放在组件自身即可。一些组件再用:放在他们共同的父组件上。实现交互:从绑定事件开始。props适用于:父组件==>子组件 通信子组件==>父组件 通信(要求父先给子一个函数)使用 v-model 时要切记:v-model 绑定的值不能是props传过来的值,因为props是只读不可以修改。原创 2024-02-22 17:35:42 · 1029 阅读 · 0 评论 -
三、创建脚手架和脚手架分析
使用 vue-cli 3.x 以上的脚手架创建的 vue 项目不再有 build文件夹,若需要进行相关配置,需在项目目录下新建文件 vue.config.js。里面有俩个文件夹和俩个文件。其他都可以删,唯独容器的。原创 2024-02-21 21:55:30 · 2101 阅读 · 0 评论 -
二、Vue组件化编程
学校名称:{{ name }}学校地址:{{ address }}datareturnname'学校'address'河南'//创建 student 组件constextendtemplate学生姓名:{{ name }}学生年龄:{{ age }}原创 2024-02-21 21:44:46 · 2029 阅读 · 0 评论 -
一、初始 Vue
采用模式,提高代码复用率、且让代码更好维护。编码,让编码人员无需直接操作DOM,提高开发效率。使用+优秀的,尽量复用DOM节点。 一对多 多对一 同时出现两个 直接写会出现冲突 可以将 在套在另一个对象中 1.4 数据绑定 Vue 中又2种数据绑定的方式: 单向绑定(v-bind):数据只能从 data 流向页面,改变页面中的数据 影响不到 data 中的数据 双向绑定(v-model):数据不仅能从 data 中流向页面,改变页面中的数据也能影响到 data 1.4.1 单向数据原创 2024-02-21 17:21:25 · 922 阅读 · 0 评论