零基础Vue
文章平均质量分 73
零基础Vue
程序员大阳
挖掘机哪家强,山东新泰找大阳
展开
-
前端技能点--npm常用命令解释
1. npm包管理工具npm是node.js的包管理工具,即Node.js Package Manager。在安装node.js时会自动安装npm,不需要独立安装。2. 常用命令npm install 安装当前项目需要的全部包,注意需要配置package.json文件。npm install+包名 安装指定名称的包。注意附加-g表示全局安装,附加--save表示本地安装。npm uninstall 卸载指定名称的包npm update 更新指定名称的包npm start 启动项目npm原创 2021-06-26 22:26:34 · 2314 阅读 · 0 评论 -
Vue 通过$emit方法实现子父组件通信
本文目录1. 前言2. 场景3. 父组件开发4. 子组件开发5. 小结1. 前言Vue可以通过props属性,将参数从父组件传递给子组件,相对而言是比较简单的。如果是想从子组件传递参数到父组件的话,得借助父组件的方法,同时在子组件中通过$emit来调用父组件中的方法实现。接下来具体演示下。2. 场景同样情况,父组件是新闻列表组件,子组件是新闻内容组件。在子组件中点击删除按钮,可以将删除的新闻信息传递给父组件,从而实现新闻列表的更新。3. 父组件开发父组件用来显示新闻列表,代码如下:<原创 2021-07-20 21:01:28 · 632 阅读 · 0 评论 -
Vue技能点--单页面开发环境安装
1. 背景Vue有两种使用方式,第一种比较简单,通过<script>标签直接将Vue引入页面后,在当前页面使用Vue即可。第二种方式比较复杂,是通过NPM构建工程化的Vue项目,当然复杂有复杂的好处,可以使用的功能更加多,可以支撑复杂应用的开发。在入门学习阶段,可以使用第一种方式,快速入门。在熟悉了Vue方方面面后,再使用第二种方式深入学习使用。2. 使用标签引入Vue可以直接通过CDN引入Vue,开发环境使用如下方式,可以查看警告和调试信息。<script src="http原创 2021-01-26 13:30:38 · 458 阅读 · 0 评论 -
Vue 通过props实现父子组件通信
1. 前言大多数企业官网,都有新闻列表功能,一般情况下我们会把新闻列表封装为一个组件。如果每个针对新闻列表的每条新闻,都要开发很多可复用的复杂功能,那么也可以进一步的将新闻内容开发为一个单独的组件。此时新闻列表组件为父组件,新闻内容组件为子组件,如果想从父组件向子组件传值(通讯),可以借助props来实现。2. 开发新闻列表父组件在src/componets目录下新建NewsList.vue,代码如下。<template> <div> <template原创 2021-07-19 22:05:08 · 902 阅读 · 2 评论 -
Vue 组件的全局注册与局部注册
1. 前言在Vue工程中,组件是经常使用的可复用模块。在组件使用之前,需要先注册组件,只有注册了的组件才能使用。Vue中组件注册有两种方式,全局注册与局部注册。一般来说,项目中引入的组件库,例如Element,因为在各个页面中经常需要调用,所以建议采用全局注册的方式;而我们自己开发的组件,通用性往往没有那么强,所以建议使用局部注册的方式。接下来,我们就来演示下这两种方式是如何使用的。2. 开发一个组件首先,我们开发一个简单的计数器组件,每点击一次按钮,该组件就将显示的数字+1。在Vue工程的s原创 2021-07-19 21:33:42 · 3798 阅读 · 1 评论 -
Vue技能点--工程项目安装
1. 背景Vue工程化项目环境配置还是比较麻烦的,本篇来详细的记录下从0开始的安装、构建、打包、运行全过程。2. 整体步骤第一,安装Node.js,这个是前端工程化项目运行的基础环境。第二,安装Vue,使我们前端开发环境可以支持Vue开发。第三,安装Vue CLI,这是Vue提供的交互时的项目脚手架,有点难理解是吧,其实就是一个快速构建Vue工程的小工具,通过Vue CLI,开发人员可以使用命令行或者可视化界面快速构建Vue工程项目。第四,我们通过Vue CLI提供的可视化工具来构建一个Vue工原创 2021-01-26 15:26:15 · 923 阅读 · 0 评论 -
Vue技能点--安装Vue Devtools
Vue Devtools是Vue前端框架,在谷歌Chrome浏览器上,对Vue程序进行审查调试的工具。使用Vue Devtools,开发调试Vue代码更加方便快捷直观。原创 2021-07-11 19:24:37 · 1336 阅读 · 0 评论