生命周期
总结:生命周期: 又名:生命周期回调函数、生命周期函数、生命周期钩子。 是什么:Vue 在关键时刻帮我们调用的一些特殊名称的函数。 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。 生命周期函数中的 this 指向是 vm 或 组件实例对象。 常用的生命周期钩子: mounted: 发送 ajax 请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 before
戚继光故里一游
今天正好周末,在宿舍闲着无聊就寻思着到学校周边景区逛逛,一番对比后,选择了价格稍低的戚继光故里(学生党没米 ¯(°_o)/¯)。于是乎小蓝车走起,一路狂奔目的地…… 以下是随拍,分享给大家!!o( ̄ ▽  ̄)d 后面这个是跟舍友的合照,哈哈,还不戳吧(☞ ゚ヮ゚)☞!!!
关闭Vue提示
(1)关闭Vue生产提示1234//在Html中Vue.config.productionTip = false;//在脚手架中(main.js)createApp.config.productionTip = false; (2)关闭脚手架语法规范提示1234//vue.config.jsmodule.exports = { lintOnSave: false,};
笔记
脚手架文件结构├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App
组件
组件的定义:实现应用中局部功能代码和资源的集合。 一、创建组件(1)非单文件组件一个文件中包含有n个组件。 Vue中使用组件的三大步骤: (1)定义组件(创建组件) (2)注册组件 (3)使用组件(写组件标签) 如何定义一个组件?使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别;
指令
一、内置指令v-bind: 单向绑定解析表达式, 可简写为 :xxx v-model: 双向数据绑定 v-for: 遍历数组/对象/字符串 v-on: 绑定事件监听, 可简写为@ v-if: 条件渲染(动态控制节点是否存存在) v-else: 条件渲染(动态控制节点是否存存在) v-show: 条件渲染 (动态控制节点是否展示) v-t