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 · 333 阅读 · 0 评论 -
【寒假自学之路】Vuex的学习笔记
什么是Vuex用于共享、管理状态(数据)的插件Statevuex中的“唯一数据源”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 · 284 阅读 · 0 评论 -
【寒假自学之路】Vue-router的再次学习笔记
基本使用导入vue-router插件创建标签,默认渲染成a标签<router-link to='/foo'>GO TO FOO</router-link>创建路由出口<router-view></router-view> 配置路由并使用// 定义componentconst Foo = { template: '<p>THIS IS FOO</p>' };const Bar = { templa原创 2022-01-20 10:10:13 · 170 阅读 · 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>新特性组合式APITeleport片段触发组件选项来自@vue/runtime-core的create.原创 2022-01-20 10:09:23 · 317 阅读 · 0 评论