
Vue.js
文章平均质量分 84
子与子乘
这个作者很懒,什么都没留下…
展开
-
【寒假自学之路】Vue CLI的学习笔记
介绍 Vue CLI 是一个快速开发的完整系统,有如下功能: @vue/cli 可实现交互式的项目脚手架 @vue/cli + @vue/cli-service-global 实现零配置原型开发 @vue/cli-service 包含: 可升级 合理配置的webpack 可通过配置文件,进行新的配置 可使用插件拓展 一个丰富的官方插件集合,集成了前端生态的工具 有一套完全图形化的创建、管理Vue.js项目的用户界面 vue CLI的构成 1. CLI(@vue/cli) 可以通过vue .原创 2022-01-20 10:11:34 · 356 阅读 · 0 评论 -
【寒假自学之路】Vuex的学习笔记
什么是Vuex 用于共享、管理状态(数据)的插件 State vuex中的“唯一数据源” const { mapState } from 'vuex'; store = new Vuex.Strore({ state:{ num:0, } }); app = new Vue({ el:"#app", store:store, data:{ // 获取方法1: 直接获取 num:this.$store.state.num;原创 2022-01-20 10:10:52 · 303 阅读 · 0 评论 -
【寒假自学之路】Vue-router的再次学习笔记
基本使用 导入vue-router插件 创建标签,默认渲染成a标签 <router-link to='/foo'>GO TO FOO</router-link> 创建路由出口 <router-view></router-view> 配置路由并使用 // 定义component const Foo = { template: '<p>THIS IS FOO</p>' }; const Bar = { templa原创 2022-01-20 10:10:13 · 196 阅读 · 0 评论 -
【寒假自学之路】Vue2到Vue3的迁移学习
安装 通过脚手架Vite【vue的轻量级前端开发与构建工具】 npm init vite hello-vue3 -- --template vue 通过vue-cli脚手架 vue create hello-vue3 通过CDN引入 <script src="https://unpkg.com/vue@next"></script> 新特性 组合式API Teleport 片段 触发组件选项 来自@vue/runtime-core的create.原创 2022-01-20 10:09:23 · 364 阅读 · 0 评论