- 博客(7)
- 收藏
- 关注
原创 如何创建一个Vue项目
(1) window+r打开命令行界面,输入vue create (项目名)(6)是否要保存为这个项目作为一个模板保存?(3) 按方向键选择使用的版本,然后按回车。(5)选择vue版本,我选的是3.x。1、全局安装vue-cli。
2023-04-12 22:19:24 437
原创 vue-router3路由配置 - 路由搭建
import Hello from '@/components/Hello' //引入根目录下的Hello.vue组件。import Router from 'vue-router' //引入vue-router。component: Hello //对应的组件模板。Vue.use(Router) //Vue全局使用Router。name: 'Hello', //路由名称,import Vue from 'vue' //引入Vue。path: '/', //链接路径。
2023-04-12 21:44:34 1105 1
原创 Vue的指令介绍
相比之下消耗性能可能会让浏览器重排重绘,所以频繁切换的时候使用v-show更好一些。代码演示:与v-if不同的是v-show是控制css样式 style="display:none;语法:<h1 v-bind:title="tit">this is test</h1>4.v-for : 语法: v-for="对象 ,事件 和 数组"1.v-model:v-model用于表单数据的双向绑定。2.v-if : 控制显示隐藏 控制方式添加/移除 元素。3.v-show : 同上v-if显示隐藏。
2023-04-12 21:27:46 184 1
原创 Vue生命周期介绍
2.生命周期语法: beforecreated创建前 , created创建后 , boforeUpdate更新前 , Update更新完成。1.生命周期存活过程:创建前 创建完成 更新前 更新完成 挂载前 挂载完成 销毁前 销毁完成。beforeMount挂载前 , mounted挂载完成。
2023-04-12 20:58:52 101 1
原创 computed计算属性 用法介绍
1.什么是(computed)计算属性,computed属性,是一个计算属性,该属性的方法名相当于date属性里面的key,他可以作为key值使用,该属性里面的方法必须要有return返回值,这个返回值就是(value)值。a.字母大写:字母输入至input输入框p标签接收转换为大写字母。b.字符串反转 123456反转为654321。
2023-04-12 20:38:36 1955 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人