Vue学习
文章平均质量分 63
gaoxiaochan
努力成为很棒的人!
展开
-
Vue学习笔记VII----vue-cli
十、vue-cli介绍:vue-cli是一个基于Vue.js 进行开发的标准工具,搭建vue项目的脚手架,确保了各种构建工具能够基于智能的默认配置进行平稳链接。这样不需要纠结配置的问题。安装:cnpm install -g @vue/cli(下面整个过程是基于已经安装node.js和cnpm的基础上)全局化安装cnpm:npm install cnpm -g --registry=https://registry.npm.taobao.org注意:这里安装vue-cli使用原创 2021-09-03 13:23:35 · 94 阅读 · 0 评论 -
ggggxc学习笔记----Vue学习笔记VI----可复用技术
九、可复用技术 1.混入mixin:混入是非常灵活的技术。介绍:用来分发Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。mixin常用于插件开发,例如:vue-router,vuex就是用到了mixin。混入规则: 1)数据模型中的数据,会进行递归合并,出现同名属性,以组件中的数据为准。 2)同名的构造函数会合并...原创 2021-08-27 17:08:56 · 428 阅读 · 0 评论 -
ggggxc学习笔记----Vue学习笔记V----组件
八、组件机制1.概述 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码,内部封装了可复用的HTML、CSS、JS代码片段。在较高层面上,组件是自定义元素,Vue的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。组件类似于vue实例,组件内部有template属性,用于指定模板,vue实例内部有el属性,用于指定模板。 2.组件定义...原创 2021-08-27 16:51:06 · 218 阅读 · 0 评论 -
ggggxc学习笔记----Vue学习笔记IV----计算属性、监听属性
六、计算属性(computed):一个变量是经过某种计算然后输出而不是直接输出的时候可以使用到计算属性1. 在双大括号中直接使用表达式获取结果<div id="example"> {{ message.split('').reverse().join('') }} </div>2. 在Vue定义参数中添加computed属性,或者是在methods中添加方法例:<div id="example"> <p>Computed revers原创 2021-08-20 15:53:02 · 106 阅读 · 0 评论 -
ggggxc学习笔记----Vue学习笔记III----事件、表单
四、事件机制1.事件绑定:用 v-on 指令监听DOM 事件,并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个需要调用的方法名称。例:<button v-on:click="greet">Greet</button>methods: { greet: function (event) { if (event) { alert(event.target.tagName) } // `event` 是原生 DOM 事件 }原创 2021-08-20 15:43:26 · 93 阅读 · 0 评论 -
ggggxc学习笔记----Vue学习笔记II----模板语法
三、模板语法介绍:vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的 HTML,所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM操作次数减到最少。如果熟悉虚拟DOM并且偏爱JavaScript的原始力量,也可以不用模板,直接编写渲染函数及render,使用可选的JSX语法(react采用的就是jsx语法)。1原创 2021-08-19 19:48:38 · 170 阅读 · 0 评论 -
ggggxc学习笔记----Vue学习笔记I----生命周期
一、Vue介绍:介绍:Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层,采用自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue不强求一次性接受并使用它的全部功能特性。二、生命周期:vue实例从创建到挂载到更新,最后销毁,这整个流程叫做vue的生命周期。生命周期钩子函数:1.初始化构建阶段(1)beforeCreate :在初始化的时候调用了beforeCreate,完成了vue实例的生命周期相关属性的初始化以及事件的初始化。原创 2021-08-19 19:29:41 · 141 阅读 · 0 评论