VUE
小仓桑
I want something just like this
展开
-
vue+WebSocket
【代码】vue+WebSocket。原创 2024-04-24 09:45:48 · 437 阅读 · 2 评论 -
在VUE中使用wow.js
在VUE中使用wow.js原创 2022-12-19 21:46:34 · 1421 阅读 · 0 评论 -
watch对数据的监测
computed: { // 使用计算属性将对象转换为单个变量(数据检测方式二) username() { return this.obj.username; }},watch: { // 对单个属性进行检测 'obj.username': { handler(newName, oldName) { console.log(newName, oldName); }, deep: true }, // 方式二:使用计算属性返回的参.原创 2022-03-11 19:10:20 · 349 阅读 · 0 评论 -
组件之间传值使用方法
props/$emit父组件传子组件子组件export default { name: "Component2", props: { username: { type: String, default: '' } },}父组件<component2 :username="username"></component2>子组件传父组件子组件methods: { update() { t原创 2022-03-11 18:47:29 · 260 阅读 · 0 评论 -
v-model原理
<input placeholder="请输入名字" id="username">显示值:<p id="uName"></p>let obj = {};Object.defineProperty(obj, 'username', { get() { console.log("取值") }, set(v) { console.log("设置值") document.querySelector(.原创 2022-02-17 22:03:56 · 209 阅读 · 0 评论 -
VueX核心概念及讲解
vuex中的主要核心概念如下:State:State提供唯一的公共数据源,所有共享的数据都要统一放到Store的 State中进行存储。//创建store数据源,提供唯一公共数据const store = new vuex.store({ state: { count: 0 }})MutationActionGetter...原创 2021-08-21 17:39:52 · 107 阅读 · 0 评论 -
VUE传递参数主要有两种类型
传递参数主要有两种类型params和queryparams的类型:配置路由格式:/router/:id传递的方式:在path后面跟上对应的值传递后形成的路径:/router/123,/router/abcrouter/index.js{ path: '/home/:id', name: 'Home', component: () => import("@/components/Home"), meta: { title: '首页原创 2021-03-04 23:22:05 · 1919 阅读 · 2 评论 -
Vue组件通讯小Demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小测试</title></head><body><div id="app"> <div style="border: 1px solid red; margin-bottom: 20px"> <h3.原创 2021-03-01 21:32:23 · 107 阅读 · 0 评论 -
router-link属性介绍
tagtag可以指定<router-link> 之后渲染成什么组件,比如tag="button"将会被渲染成button样式。<router-link to="/home" tag="button">首页</router-link>replacereplace不会留下history记录,指定replace的情况下,后退返回键不能返回的上一个页面。<router-link to="/home" replace>首页</route原创 2021-03-01 21:31:11 · 1117 阅读 · 0 评论 -
Vue修改组件数据同时父组件数据一起改变的解决办法
JavaScript代码:const app = new Vue({ el: '#app', data: { num1: 1, num2: 0 }, components: { cpn: { template: '#cpn', props: { number1: .原创 2021-02-12 18:34:28 · 437 阅读 · 1 评论 -
vue中的v-if以及v-show的用法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-on:mouseover</title> <script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script...原创 2020-03-31 14:51:42 · 634 阅读 · 0 评论 -
Vue中v-model使用方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-on:mouseover</title> <script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script...原创 2020-03-31 14:43:15 · 2900 阅读 · 0 评论 -
Vue中v-for使用方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-on:mouseover</title> <script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script...原创 2020-03-31 14:35:33 · 2034 阅读 · 0 评论 -
Vue以及JS键盘阻止事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue以及JS键盘阻止事件</title> <script src="https://cdn.bootcss.com/vue/2.6.11/vue.js"></script&...原创 2020-03-31 10:31:53 · 3494 阅读 · 1 评论 -
Vue中的关键字
1.v-model 是将标签的value值与vue实例中的data属性值进行绑定。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>差值表达式</title> <script src="https://c...原创 2020-03-28 17:15:32 · 936 阅读 · 0 评论 -
Vue基本赋值绑定操作
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <...原创 2019-11-04 09:08:26 · 4571 阅读 · 0 评论