vue
关注
分享
扫一扫
再让我学一会吧！
Either outstanding or out
展开
-
Vue脚手架三给文件配置别名
因为脚手架三隐藏了配置文件，所以我们需要自己创建一个vue.config.js文件、 在该js文件中，输入 module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/compo原创 2021-07-29 21:19:43 · 318 阅读 · 0 评论 -
学习vue第七天
CLI是什么意思？ CLI是Command-Line Interface,翻译为命令行界面，但是俗称脚手架 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置 Vue CLI使用前提 - Node 什么是NPM呢？ NPM的全程是Node Package Manager 是一个NODEJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准 后续我们会经常使用NPM来安装一些开发过程中依赖包 ...原创 2021-07-19 22:44:16 · 158 阅读 · 0 评论 -
学习vue第六天
为什么使用slot? slot翻译为插槽 组件的插槽： 组件的插槽也是为了让我们封装的组件更加具有扩展性 让使用者可以决定组件内部的一些内容到底展示什么原创 2021-07-07 21:06:34 · 113 阅读 · 0 评论 -
学习Vue第五天
子组件向父组件传递 props用于父组件向子组件传递数据，还有一种比较常见的使子组件传递数据或事件到父组件中 子组件向父组件传递数据需要使用自定义事件来完成 什么是自定义事件呢？ 当子组件需要向父组件传递数据时，就要用到自定义事件了 我们之前学习的v-on不仅仅可以用于监听DOM事件，也可以用于组件间的自定义事件 自定义事件的流程 在子组件中，通过$emit()来触发事件 在父组件中，通过v-on来监听子组件事件 父子组件的访问方式：$children 有时候我们需要父组件直接访问子组原创 2021-07-03 21:18:19 · 101 阅读 · 0 评论 -
vue 组件化学习
什么是组件化？ 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展 但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。 Vue组件化思想 他提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用 任何的应用都会被抽象成一颗组件树 组件化思想的应用： 有了组件化的思想，我们在之后的开发中就要充分的利用它 尽可能的将页面拆分成一个个小的，可复..原创 2021-07-02 22:19:56 · 163 阅读 · 2 评论 -
学习Vue第四天
v-model的基本使用 <body> <div id="app"> <input type="text" v-model="message"> <input type="text" :value="message" @input="valueChange"> <input type="text" :value="message" @input="message = $event.target.value"> {原创 2021-07-02 13:59:00 · 110 阅读 · 0 评论 -
学习vue第三天
v-on参数 当通过methods中定义方法，以供@click调用时，需要 情况一：如果该方法不需要额外参数，那么方法后的（）可以省略不添加。但是注意，如果方法本身中有一个参数，那么会默认将原生事件event参数传递出去 情况二：如果需要同事传入某个参数，同时需要event时，可以通过$event传入事件 v-on修饰符 在某些情况下，我们拿到event的目的可能是进行一些事件处理。 vue提供了修饰符来帮助我们方便的处理一些事件 .stop 调用event.stopPropagation(..原创 2021-07-02 10:46:12 · 118 阅读 · 0 评论 -
学习Vue第二天
开发中什么时候称之为方法，什么时候称之为函数？ 方法：method 函数：function 生命周期：事务从诞生到消亡的整个过程 Vue生命周期： 基本语法： v-once 该指令后面不需要跟任何表达式（比如之前的v-for后面是有跟表达式的） 该指令表示元素和组件（组件后面才会学习）只渲染一次，不会随着数据的改变而改变 <div id="app"> <h2>{{message}}</h2> <h2 v-once>{{me.原创 2021-06-30 22:02:13 · 141 阅读 · 0 评论 -
学习Vue6月29日
Vue的特点 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM Vue.js安装 方式1：直接CDN引入 可以选择引入开发环境版本还是生产环境版本 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <!-- 生产环境版本，优化了尺寸和速度 --> <script src=.原创 2021-06-29 22:51:42 · 287 阅读 · 0 评论