JAVA技术文档-PHP技术文档-微信开发文档-ASP技术文档-数据库技术文档-前端开发技术文档-JXASP源码网

关键词搜索

源码搜索 ×

×

vue基本语法

目录一、模板语法（1）文本（2）原始HTML（3）属性Attribute（4）使用JavaScript表达式二、条件渲染（1）v-if，v-else（2）v-show （3）v-show和v-if的区别三、列表渲染（1）v-for（2）维护状态四、事件处理（1）监听事件（2）事件处理方法（3）内联处理器中的方法一、模板语法（1）文本动态显现数据使用{{}}一般配合js中的data（）设置

发布2023-04-29

Vue ref属性

Vueref属性被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）<template><div><h1v-text="msg"ref="title"></h1><buttonref="btn"@click="showDOM">点我输出上方的DOM元素</

发布2023-04-14

Vue 监视属性

Vue监视属性当被监视的属性变化时，回调函数handler()自动调用，进行相关操作监视的属性必须存在，才能进行监视监视的两种方法：（1）.newVue时传入watch配置（2）通过vm.$watch监视<body><divid="root"><h2>今天的天气很{{info}}</h2><button@click="changeWeather

发布2023-04-14

Vue 计算属性

Vue计算属性定义：要用的属性不存在，要通过已有的属性计算得来原理：底层借助了Object.defineproperty方法提供的getter和setter内部有缓存机制<script>newVue({el:"#root",data:{firstName:'张',lastName:'三'},computed:{fullName:{//get有什么用？//当有人读取fullName时，g

发布2023-04-14

Vue mixin混入

Vuemixin混入mixin(混入)功能：可以将多个组件共用的配置提取成一个混入对象比如有两个组件都有相同的方法，我们就可以将这个方法提取成一个混入对象，两个组件通过引入就可以使用此方法使用方式：局部使用在src下创建mixin.jsexportconstfuyong={methods:{showName(){alert(this.name);}}}

发布2023-04-13

Vue 组件内路由守卫

Vue组件内路由守卫beforeRouteEnter(to,from,next){}beforeRouteLeave(to,from,next){}路由组件Home.vue<script>exportdefault{name:'About',//通过路由规则，进入该组件时被调用beforeRouteEnter(to,from,next){//to是你要跳转到这个路由组件//from是你

发布2023-04-05

Vue 独享路由守卫

Vue独享路由守卫独享路由守卫是单个路由享用的路由守卫beforeEnter:(to,from,next)=>{}在路由配置router->index.js编写代码//引入文件，该文件专门用于创建整个应用的路由器importVueRouterfrom'vue-router'//引入组件importAboutfrom'../components/Home'importHomefrom'.

发布2023-04-05

Vue 全局前置-路由守卫和全局后置-路由守卫

Vue全局前置-路由守卫和全局后置-路由守卫在路由配置router->index.js编写代码//引入文件，该文件专门用于创建整个应用的路由器importVueRouterfrom'vue-router'//引入组件importAboutfrom'../components/Home'importHomefrom'../components/About'importMessagefrom'.

发布2023-04-05

Vue history模式和hash模式

Vuehistory模式和hash模式路由器默认工作模式为hash模式//引入文件，该文件专门用于创建整个应用的路由器importVueRouterfrom'vue-router'//引入组件importAboutfrom'../components/Home'importHomefrom'../components/About'importMessagefrom'../components/Me

发布2023-04-05

Vue router-link的replace属性

Vuerouter-link的replace属性浏览器的历史记录有两种写入方式：分别为push和replacepush是追加历史记录，路由跳转时候默认为push（浏览器可以回退之前到之前的页面）replace是替换当前记录（每打开一个页面就显示当前页面无法回退）开启replace模式：<router-link:replace="true":to="/home/message/datail?i

发布2023-04-03

Vue 路由的params参数

Vue路由的params参数router->index.js//引入文件，该文件专门用于创建整个应用的路由器importVueRouterfrom'vue-router'//引入组件importAboutfrom'../components/Home'importHomefrom'../components/About'importMessagefrom'../components/Mess

发布2023-04-03

Vue 命名路由

Vue命名路由作用：可以简化路由router->index.js添加name属性//引入文件，该文件专门用于创建整个应用的路由器importVueRouterfrom'vue-router'//引入组件importAboutfrom'../components/Home'importHomefrom'../components/About'importMessagefrom'../compo

发布2023-04-03

Vue 路由的query参数

Vue路由的query参数query参数的两种写法:一.跳转并携带query参数，to的字符串写法：静态<router-link:to="/home/message/datail?id=666&title=你好">跳转<router-link>

发布2023-04-01

Vue 多级路由

Vue多级路由router/index.js//引入文件，该文件专门用于创建整个应用的路由器importVueRouterfrom'vue-router'//引入组件importAboutfrom'../components/Home'importHomefrom'../components/About'importMessagefrom'../components/Message'//创建并暴露

发布2023-04-01

Vue路由的使用

Vue路由的使用首先需要安装vue-router，命令：npmivue-router新建一个router文件夹，创建index.jsmain.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importAppfrom'./App.vue'importrouterfrom'./router'Vue.config.productionTip=fal

发布2023-04-01

«
1
2
3
4
5
6
...
8
9
»
共130条第1页/共9页

专栏

C
426篇
C#
367篇
VB
562篇
ASP
346篇
PHP
509篇
JAVA
910篇
Python
833篇
数据库
478篇
前端开发
814篇
其它方面
155篇

搜技术文档

文档标签

最新源码

返回顶部

×

微信扫码支付元

确定支付下载

请使用微信描二维码支付

×

提示信息

×

选择支付方式

确定支付下载