VUE
文章平均质量分 69
summermoonlight
满船清梦压星河
展开
-
vue基本配置
main.js//引入Vueimport Vue from 'vue'//引入Appimport App from './App.vue'//关闭Vue的生产提示Vue.config.productionTip = false//创建vmnew Vue({ el:'#app', render: h => h(App), //挂载代理服务器 beforeCreate() { Vue.prototype.$bus = this },})vue.congfig.js原创 2021-11-24 15:28:59 · 418 阅读 · 0 评论 -
vue使用
笔记脚手架文件结构├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: g转载 2021-11-23 21:29:00 · 92 阅读 · 0 评论 -
vue使用
Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy转载 2021-11-23 21:21:11 · 98 阅读 · 0 评论 -
v-for循环
演示四种v-for循环循环普通数组循环对象数组循环对象中的属性循环数字(从1开始)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="id001" @click.self="inner" class="inner"原创 2020-05-12 22:54:35 · 2251 阅读 · 1 评论 -
条件渲染
条件渲染条件渲染指令v-ifv-elsev-show比较v-if与v-show如果需要频繁切换 v-show 较好<div id="demo"> <p v-if="ok">表白成功</p> <p v-else>表白失败</p> <hr> <p v-show="ok">求婚成功</p> <p v-show="!ok">求婚失败</p> <b原创 2020-05-10 19:38:38 · 124 阅读 · 0 评论 -
vue之计算属性和监视属性
计算属性在computed属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果<div id="demo"> 姓: <input type="text" placeholder="First Name" v-model="firstName"><br> 名: <input type="text" placeholder="Last Name" v-model="lastName"><br> <!--fullNam原创 2020-05-10 11:37:57 · 240 阅读 · 0 评论