组件组件是什么:组件就是自定义标签,他是vue中核心功能之一,是把页面当中的可以重复使用的内容进行封装,方便调用全局组件    作用域:在所有实例中都可以使用    语法:Vue.component:{"组件名不能喝现有的html标签重名",{        template:"<div>&lt
转载 2024-10-04 14:59:29
78阅读
vue2.0之后有哪些变化:   1.每个组件模板template,不再支持片段代码     之前:       <template>         <h3>vue-router+vue-loader</h3>         <p>hshsh</p>       </template>   现在:必须有根元
转载 6月前
27阅读
数据驱动概念数据驱动指的是:视图是由数据驱动生成的,我们对视图的修改,不会直接操作 DOM,而是通过修改数据。只关心数据的修改会让代码的逻辑变的非常清晰,因为 DOM 变成了数据的映射,我们所有的逻辑都是对数据的修改,而不用碰触 DOM,这样的代码非常利于维护。new Vue 过程Vue 类的定义入口:src/core/instance/index.js// 创建了 Vue 类 function
转载 2024-10-28 22:17:45
66阅读
1.导航钩子的作用vue-router提供的导航钩子主要用来拦截导航,让它完成跳转或取消。2.导航钩子的分类全局守卫路由独享守卫局部守卫3.全局守卫是指路由示例上直接操作的钩子函数,特点是所有路由配置的组件都会触发。简单点说就是触发路由就会触发这些钩子函数。钩子函数执行顺序包括beforeEach、beforeResolve、afterEach三个。[beforeEach]:在路由跳转前触发,参数
BaseButton组件 父里默认情况下对着封装的组件,加clcik事件无效。<base-button @click="del"></base-button>因为这不是原生的标签,而是一个组件。 而组件希望能够被 @事件名 的语法触发一些事件,就必须在组件内部用 5emt("事件名) 写这个事件名才能触发 所以,来到BaseButton这个组件内部,给按钮加一个点击事件,点
前言在我们了解router的实现原理之前,我们先来聊聊vue的路由跳转到底是怎样的吧!首先,我们知道vue创建的项目其实是一个单页应用。在我们对vue项目进行打包以后,我们所有的代码都会被成一份HTML和一份JS,那我们创建的那么多.vue文件是如何实现通信的呢?这时我们今天的主角就登场啦,vue-router就是vue官方定义的路由插件,其作用有如下两点:路由用户设定访问路径的,将路径和组件映射
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载 2020-06-16 15:14:00
217阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLIvue官方提供的脚手架工具, 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载 2021-09-25 21:39:00
218阅读
2评论
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介  在开发大型单页应用时,需要烤炉项目的组织结构、
原创 2023-02-13 11:42:42
222阅读
作者:一个大西瓜 摘要学习本篇之前要具备一定的vue基础知识,可以先看一下Vue基础(环境配置、内部指令、全局API、选项、内置组件)1、Vue-cliVue-clivue官方出品的快速构建单页应用的脚手架,这里牵扯的东西很多,有webpack,npm,nodejs,babel等等。官网:https://cli.vuejs.org/guide/GitHub:https://github
1、前言本篇是Vue中最常用到的API之一computed属性作者:gunelark2、正文看了网上很多资料,对vue的computed讲解自己看的都不是很清晰,今天忙里抽闲,和同事们又闲聊起来,对computed这个属性才有了一个稍微比较清晰的认识自己的理解:computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示
转载 2024-02-20 09:41:12
51阅读
Vue CLI 在开发大型单页面应用时,需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情,对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具,来帮助搭建一个项目的框架,并进行一些项目所依赖的初始配置。 简介 ...
转载 2021-08-28 22:00:00
329阅读
2评论
周末在家新建了一个 Vue 测试项目,但不管怎么建,总会提示一些 有的没的,杂七杂八的信息,如:找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示:寻思着,出现这些问题的原因,应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址,导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。虽然暂时没发现这些错误对项目的运行和打包有啥影响,但是一句
Vue
转载 2021-05-10 18:17:13
905阅读
2评论
样例新建项目后,package.json 下的 script "scripts": { &q
原创 2023-02-22 11:04:47
234阅读
9.vue-cli9.1.介绍和安装在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载器如果我们一一去添加就会比较麻烦。幸好,vue官方提供了一个快速搭建vue项目的脚手架:vue-cli使用它能快速的构建一个web工程模板。官网:https://github.com/vuejs/vue-cli安装命令:npm install -g vue-cl...
原创 2022-03-04 15:27:53
188阅读
9.vue-cli9.1.介绍和安装在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载器如果我们一一去添加就会比较麻烦。幸好,vue官方提供了一个快速搭建vue项目的脚手架:vue-cli使用它能快速的构建一个web工程模板。官网:https://github.com/vuejs/vue-cli安装命令:npm install -g vue-cl...
原创 2021-08-18 10:49:50
619阅读
vue 组件传值之 listenersvue的通信方法常用的有,父传子 props, 子传父 通过绑定@事件,子组件$emit 传值,也可以父组件给子组件props传递一个函数,子组件调用函数,利用参数传值。其他的还有vuex集中状态管理,eventBus也就是事件的全局$emit, $on 来抛发事件传值以及接下来的 $attrs、$listeners 。其实这两个属性的模式,也就是父组件A把很
先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数:async function timeout() {   return 'hello world'; }语法很简单,就是在函数前面加上async 关键字,来表示它是异步的,那怎么调用呢?async 函数也
文章目录1.什么是动态组件2.如何实现动态组件渲染?3.如何实现缓存组件?4.异步组件 1.什么是动态组件当我们希望页面中的某个地方,在不同组件之间进行动态切换,这时候除了条件渲染,还可以使用动态组件。2.如何实现动态组件渲染?vue提供了一个内置的组件,专门用来实现动态组件的渲染:通过 is 属性动态指定要渲染的组件因为要渲染的组件是不确定的,所以要通过data申明一个变量用来接收组件的名称,
vue cli Vue.js作为当前最热门的前端开发框架,已成为了前端开发者必学的内容之一。但是Vue环境的搭建稍显复杂和繁琐,项目的构建也没那么方便。 为了解决这个问题,Vue官方提供了Vue CLIVue CLI是一个全局安装的 npm 包,提供了终端里的 vue 命令。 它可以通过 vue
Vue
原创 2021-07-13 16:58:06
757阅读
  • 1
  • 2
  • 3
  • 4
  • 5