初学Vue(2)
2024-11-05文章目录监视属性 watch深度监视computed 和 watch 之间的区别绑定样式(class style)条件渲染列表渲染基本列表key的原理列表过滤列表排序收集表单中的数据 v-model过滤器(Vue3已移除)监视属性 watch当被监视的属性变化时,回调函数自动调用,进行相关操作监视的属性必须存在,才能进行监视监视的两种写法:a. new Vue时传入watch配置b. 通过vm.$watch监视<body> <div id="root">_import { watch } from 'vue
第三部分 Vue讲解(22-25)(代码版)
2024-05-0722.自定义指令22.1 自定义指令基本语法22.1.2 自定义指令.vue<template> <div id="app"> <!-- v-model相当于:value="XXX" @input="msg=XXX"--> <input v-model="msg" type="text"> <input :value="msg" @input="msg=$event.target.value" type="text
Vue.js 教程---菜鸟教程
2024-03-15文章目录教程安装起步模板语法插值指令用户输入过滤器缩写条件语句循环语句计算属性监听属性样式绑定事件处理器表单组件组件 - 自定义事件自定义指令钩子路由( vue-router )过渡 & 动画过渡Ajax(axios)安装方法:GET 方法POST 方法执行多个并发请求axios API响应接口实例导航菜单编辑文本订单列表搜索页面切换不同布局教程本教程主要介绍了 Vue2.x 版本的使用第一个实例:<body><div id="app"> <p>{{_vue菜鸟教程
封装一个公用的【Echarts图表组件】的3种模板
2024-01-26在components下创建一个echarts.vue文件<template> <div> <div class="know_r_echart"> <div id="atlasChart"></div> </div> </div></template><script>import * as echarts from 'echarts'export .._echarts模板