当前位置:首页 > vue

Vue 实例、el、data

yc8881年前 (2023-02-11)159
Vue 实例、el、data
Vue实例也代理了data对象上所有的属性,所以访问vm.name等价于访问vm.$data.name el 选择一个dom元素作为Vue实例(对象)的挂载目标 以下两种方式都可以 el: '#a...

Vue 指令之插值 v-text、v-html、v-once

yc8881年前 (2023-02-11)164
Vue 指令之插值 v-text、v-html、v-once
数据绑定最常用的形式就是使用 Mustache 语法的文本插值,也可以使用 v-text、v-html指令进行插值。v-once指令可实现一次性插入,当数据改变时,插值出的内容不会改变 1. v-...

Vue 指令之v-bind指令绑定属性

yc8881年前 (2023-02-10)228
Vue 指令之v-bind指令绑定属性
指令 (Directives) 是带有 v- 前缀的特殊属性,Mustache语法不能作用在HTML属性上,遇到这种情况应该使用v-bind指令。v-bind 指令可简写为 : 1. v-bind...

v-bind 绑定 class、style 属性

yc8881年前 (2023-02-10)187
v-bind 绑定 class、style 属性
1. v-bind 绑定 class 属性对象语法2. v-bind 绑定 class 属性数组语法3. v-bind 绑定 style 属性对象语法3. v-bind 绑定 style 属性数...

Vue 指令之v-on的使用

yc8881年前 (2023-02-07)282
Vue 指令之v-on的使用
v-on 指令用于监听 DOM 事件 1. v-on 基本使用 <div id="app"> <button v-on:click="test">测试</but...

v-model 创建双向绑定

yc8881年前 (2023-02-07)302
v-model 创建双向绑定
在表单 <input>、<textarea> 及<select>元素控件或者组件上创建双向绑定,它负责监听用户的输入事件以更新数据 1. 普通文本框 <d...

live2d web 看板娘

yc8881年前 (2023-02-07)227
live2d web 看板娘
看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义。 1. 访问巨佬网站,下载压缩包 ht...

修改人人商城核销码有效时间

yc8881年前 (2023-02-01)229
修改人人商城核销码有效时间
1. 修改人人商城核销码有效时间 文件位置 /addons/ewei_shopv2/core/mobile/verifygoods/index.php修改 codeinvalidtime 的值,默认有...

Vue指令之条件渲染

yc8881年前 (2023-02-01)171
Vue指令之条件渲染
1. v-show 根据表达式的真假值,切换元素的 display CSS属性。表达式为false时,p标签被赋予 style="display:none;" <p v-show="status...

Vue指令之列表渲染

yc8881年前 (2023-02-01)168
Vue指令之列表渲染
1. v-for 指令简介 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in/of items 形式的语法 其中 items 是源数据数组,item 是被迭代的...

Vue2 计算属性 computed【初识】

yc8881年前 (2023-01-31)301
Vue2 计算属性 computed【初识】
1. 什么是计算属性2. 计算属性的基本使用3. computed 和 methods 的区别4. 计算属性的 setter 和 getter1. 什么是计算属性 众所周知,在模板中可以直接通过插值语...

Vue2 侦听器 watch【初识】

yc8881年前 (2023-01-31)270
Vue2 侦听器 watch【初识】
1. 侦听器 watch Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性 当属性发生改变时,自动触发属性对应的侦听器。 当需要在数据变化时执行异步或开销较大的操作时,这...

Vue 组件介绍及使用

yc8881年前 (2023-01-30)294
Vue 组件介绍及使用
1. 什么是组件2. 组件的使用3. 全局组件注册语法糖4. 组件模板抽离5. 为什么组件的 data 必须是一个函数(经典问题)1. 什么是组件 组件是可复用的 Vue 实例,通过自定义元素实现组件...

Vue组件的data必须是一个函数、单个根元素、局部组件

yc8881年前 (2023-01-30)269
Vue组件的data必须是一个函数、单个根元素、局部组件
1.Vue组件的data必须是一个函数 参考官网文档 一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝 <div id="app"> <...

Vue 父子组件通信传值(子组件中使用父组件中的数据)

yc8881年前 (2023-01-29)255
Vue 父子组件通信传值(子组件中使用父组件中的数据)
1. 父传子 props 父组件中的数据传递给子组件 官方文档:通过-Prop-向子组件传递数据 props: ['movies'],props: { movies: Array},props:...

自定义事件子组件与父组件通信

yc8881年前 (2023-01-29)262
自定义事件子组件与父组件通信
子组件中使用 $emit(‘tt’) 1. 示例一 <div id="app"> <parent @tt="go"></parent> {{ msg...

Vue组件插槽的使用

yc8881年前 (2023-01-29)182
Vue组件插槽的使用
1. 什么是插槽 插槽的作用: 让封装的组件更加具有扩展性 插槽就是子组件提供给父组件使用的一个占位符,用 <slot></slot> 表示,父组件可以在这个占位符中填充任何模...

Vue组件之动态组件

yc8881年前 (2023-01-28)241
Vue组件之动态组件
动态组件:不同组件之间进行动态切换,通过 Vue 的 元素加一个特殊的 is attribute 实现 1. 基础使用 component 的 is 属性值是组件名,就可以调用该组件 <c...

axios 介绍及引入使用

yc8881年前 (2023-01-28)356
axios  介绍及引入使用
1. 什么是 axios? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 2. axios 学习资源 axios中文网:http://www.axi...

Vue CLI 脚手架简介及安装

yc8881年前 (2023-01-28)195
Vue CLI 脚手架简介及安装
前言1. Vue CLI 简介2. 安装 node3. 安装 Vue CLI4. 安装 Webpack5. 在 Vue CLI 3 中使用 Vue CLI 2前言 如果只是简单写几个 Vue 的 de...