Vue
基础知识
sunnyaha12
这个作者很懒,什么都没留下…
展开
-
Vue的基础知识(五)
一、webpack概述、webpack的基本使用 <1>webpack概述 webpack是一个流行的前端项目构建工具(打包工具),可以解决当前web开发中所面临的困境 webpack提供了友好的模块化支持,以及代码压缩混淆,处理js兼容问题。 <2>webpack的基本使用 1、创建列表隔行变色项目 2、在项目中安装和配置webpack development模式:( 开发模式 ) 代码不会压缩与混淆,转换速度快一点 product...原创 2020-11-25 21:05:17 · 139 阅读 · 0 评论 -
Vue的基础知识(四)
一、路由的基本概念 路由的本质:就是对应关系 在开发中,路由分为:前端路由、后端路由 后端路由: 概念:根据不同的用户URL请求,返回不同的内容 本质:URL请求地址与服务器资源之间的对应关系 后端渲染存在性能问题(比如用户频繁的提交表单,会造成页面的频繁刷新,因此出现Ajax前端渲染)出现了SPA单页面应用程序 Ajax前端渲染不支持页面的前进后退操作 前端路由: 概念:根据不同的用户事件,显示不同的页面内容 本质:用户事件与事件处理函数之间的对应关系 ...原创 2020-11-17 21:06:18 · 176 阅读 · 0 评论 -
Vue中常见题目(一)
一、v-if和v-show的区别 相同点: v-if与v-show都可以动态控制dom元素显示隐藏 不同点: v-if显示隐藏是将dom元素整个添加或删除,而v-show隐藏则是为该元素添加css–display:none,dom元素还在。 二、watch和computed的区别 computed:计算属性 计算属性是由data中的已知值,得到的一个新值。 这个新值只会根据已知值的变化而变化,其他不相关的数据的变化不会影响该新值。 计算属性不在data中,计算属性新值的相关已知值在data中。原创 2020-11-04 20:12:32 · 218 阅读 · 0 评论 -
Vue的基础知识(三)
一、组件交互(组件通信) 1、父组件向子组件传值 组件内部通过props接收传递过来的值(props:[ ]) 父组件通过属性将值传递给子组件 parent中 <!-- 静态的 --> <v-child title="来自父组件的数据"></v-child> <!-- 动态的属性绑定 --> <v-child :title='title'></v-child> child中 <!-- child通过props接受,直接原创 2020-11-03 21:01:43 · 285 阅读 · 0 评论 -
Vue的基础知识(二)
一、组件 定义:组件,可复用的vue实例 组件注册: ------------------全局组件---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.原创 2020-11-02 20:58:20 · 131 阅读 · 0 评论 -
Vue的基础知识(一)
一、vue介绍 vue:渐进式JavaScript框架 vue的特点:易用,熟悉HTML、CSS、JavaScript可以快速上手。 灵活,在一个库和一套完整的框架之间自如伸缩。 高效:20KB运行大小,超快虚拟DOM。 vue的优势:数据驱动 组件化 vue的基本使用步骤: 1、需要提供标签用于填充数据 2、引入vue.js库文件 3、使用vue的语法做功能 实例参数分析 el:元素的挂载位置(值可以是c...原创 2020-10-29 20:37:55 · 277 阅读 · 1 评论