vue
vue学习
甜玉米粒
每天进步一点
展开
-
vue: 搭建项目与iconfont引入
一、项目搭建1. 安装vue/cli:npm i -g @vue/cli2. 创建vue项目:vue create my-project3. 安装typescript:当前项目路径下 vue add @vue/typescript4. 安装vuex:当前项目路径下 npm i vuex二、eslint1.关闭 变量未使用检查项目package.json文件中:eslintConfig->rules->"no-unused-vars": 0...原创 2022-05-15 17:18:21 · 376 阅读 · 0 评论 -
vue3+ts: 路由处理
1. 在main.ts下:import { createApp } from 'vue'import App from './App.vue'import router from './router'createApp(App).use(router).mount('#app')2. router->index.ts中:import Vue from 'vue'import VueRouter, { RouteRecordRaw } from 'vue-router'co原创 2022-04-18 21:18:35 · 1000 阅读 · 0 评论 -
Vue常用指令
v-for:用于渲染数组,对象;v-html:渲染html语句;v-bind:动态绑定,可以简写为 :v-on: 可以缩写为 @,绑定事件;v-once: 只绑定一次数据,不响应数据的修改,这个对于提升性能略有帮助,不要频繁使用v-cloak:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。v-if: vue的条件渲染:只有v-if的表达式为真的时候,原创 2021-12-23 09:34:54 · 432 阅读 · 0 评论 -
VSCode常用插件与相关操作技巧
一、常用插件 1. git相关: GitLens: 实时显示选中行的git提交记录; 2. 公用: Chinese: 中文汉化;Beautify:Js高亮显示; 3. Vue: Vuter: 代码格式化、高亮显示二、小技巧 1. emmet.triggerExpansionOnTab:启用后,按...原创 2021-12-22 19:29:40 · 330 阅读 · 0 评论