全局时间总线 一种组件间通讯的方式,适用于任意组件间通信 1、安装全局事件总线 1234567new Vue({ ...... beforeCreate() { Vue.prototype.$bus = this; //安装全局事件总线,$bus就是当前应用的vm }, ......}) 使用事件总线: (1)接收数据:A组件想要接收数据,则在A组 2023-10-23 编程 #Vue
组件 组件的定义:实现应用中局部功能代码和资源的集合。 一、创建组件(1)非单文件组件一个文件中包含有n个组件。 Vue中使用组件的三大步骤: (1)定义组件(创建组件) (2)注册组件 (3)使用组件(写组件标签) 如何定义一个组件?使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别; 2023-10-12 编程 #Vue
生命周期 总结:生命周期: 又名:生命周期回调函数、生命周期函数、生命周期钩子。 是什么:Vue 在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。 生命周期函数中的 this 指向是 vm 或 组件实例对象。 常用的生命周期钩子: mounted: 发送 ajax 请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 before 2023-10-12 编程 #Vue
指令 一、内置指令v-bind: 单向绑定解析表达式, 可简写为 :xxx v-model: 双向数据绑定 v-for: 遍历数组/对象/字符串 v-on: 绑定事件监听, 可简写为@ v-if: 条件渲染(动态控制节点是否存存在) v-else: 条件渲染(动态控制节点是否存存在) v-show: 条件渲染 (动态控制节点是否展示) v-t 2023-10-12 编程 #Vue
戚继光故里一游 今天正好周末,在宿舍闲着无聊就寻思着到学校周边景区逛逛,一番对比后,选择了价格稍低的戚继光故里(学生党没米 ¯(°_o)/¯)。于是乎小蓝车走起,一路狂奔目的地…… 以下是随拍,分享给大家!!o( ̄ ▽  ̄)d 后面这个是跟舍友的合照,哈哈,还不戳吧(☞ ゚ヮ゚)☞!!! 2023-10-12 生活 #舍友
笔记 脚手架文件结构├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App 2023-10-12 编程 #Vue
关闭Vue提示 (1)关闭Vue生产提示1234//在Html中Vue.config.productionTip = false;//在脚手架中(main.js)createApp.config.productionTip = false; (2)关闭脚手架语法规范提示1234//vue.config.jsmodule.exports = { lintOnSave: false,}; 2023-09-11 编程 #Vue
表单收集 Vue2表单收集: 你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中 2023-09-04 编程 #JavaScript
列表渲染 Vue2列表渲染:列表渲染 — Vue.js (vuejs.org) 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。 一、v-for指令(1)遍历数组123456html:<div id="app"> & 2023-09-03 编程 #Vue