vue
关注
分享
扫一扫
文章平均质量分 55
代码搬运工的小马
这个作者很懒，什么都没留下…
展开
-
带你认识Webpack的超详细使用及其基础配置
能够看懂webpack的配置webpack的优化。。。。一、模块化Nodejs（require、module.exports）ES6 (import、export)二、webpack是一个打包工具。1.在项目中安装webpack npm init -y 初始化工程化。这个命令完成之后，会在项目中创建一个package.json文件（包管理文件） 下载webpack npm install webpack webpack-cli --dev...原创 2022-02-21 21:03:02 · 315 阅读 · 0 评论 -
Vue2.0混入mixin的简单用法-全局的用法
参数：{Object} mixin全局用法：全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。插件作者可以使用混入，向组件注入自定义的行为。注：不推荐在应用代码中使用。 <div id="app"></div> <!-- data 和methods 的数据以组件里面的为主 在哪里要用，就在哪里混入 mixins：[] --> <script src="....原创 2022-02-17 16:52:22 · 1260 阅读 · 0 评论 -
Vue2.0中的component的用法，你可能会疏忽小细节，赶快码起来吧
component对于component标签，我的理解，就是具名的注册组件而已我的代码 <div id="app"> <component :is="current"></component> </div> <!-- component 相当于具名注册 想要显示哪个组件，就在component标签里 :is属性写上对应的组件名字 --> <..原创 2022-02-17 16:43:57 · 1687 阅读 · 0 评论 -
Vue2.0全局组件的最详细基本使用方法
使用全局定义vue组件有两种，一种是全局组件，一种是局部组件。整个项目经常用到的用全局写法，用到比较少的专供特定页面用的使用局部组件。component---组件（就是对象）代码详情<body> <div id="app"> <!-- 相当于标签 --> <mnav></mnav> </div> <script src="./node_modu...原创 2022-02-15 11:17:16 · 1760 阅读 · 0 评论 -
Vue2.0生命周期详细的描述
生命周期是什么？在官网中我们可以看到这一段定义：每一个vue实例从创建到销毁的过程，就是这个vue实例的生命周期。在这个过程中，他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。表述了解之前，我们先贴上一张翻译过后的生命周期图，从图上，我们再一步一步来理解vue生命周期，注：如想要原图就去官网可以找到详细描述new Vue()实例化一个vue实例，然后init初始化event 和 lifecycle， 其实这个过程中分别调用了3个初...原创 2022-02-15 10:53:00 · 746 阅读 · 1 评论 -
Vue的治指令与过滤器---私有过滤器和全局过滤器
私有过滤器和全局过滤器在filters节点下定义的过滤器，称为“私有过滤器”，因为它只能在当前vm实例所控制的el区域内使用如果希望在多个vue实例之间共享过滤器，则可以按照如下的格式定义全局过滤器...原创 2022-02-14 11:30:38 · 285 阅读 · 0 评论 -
Vue的指令与过滤器---过滤器的基本使用
过滤器注意：这是在Vue2的项目中可以使用过滤器(Filters) 是vue为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。过滤器应该被添加在JavaScript表达式的尾部，由“管道符"进行调用，示例代码如下:<!-- 在双括号中通过"管道符"调用 capitalize 过滤器,对,essage的值进行格式化 --><p>{{ message | capitalize}}</p><...原创 2022-02-14 11:18:20 · 471 阅读 · 0 评论 -
Vue的指令与过滤器之key的注意事项，这点值得注意的小细节
每天记一点零碎的知识点，不断的完善，快点学起来吧！！！原创 2022-02-14 09:21:50 · 435 阅读 · 1 评论 -
什么是Vue？带你初步认识Vue基础
掌握Vue的基础知识，稳扎稳打，慢慢领会Vue的魅力原创 2022-02-11 13:36:54 · 783 阅读 · 0 评论 -
Vue框架2.x的初尝试(二)动态绑定，响应式数据，事件修饰符，（含小练习）
目录动态绑定样式(对v-bind的补充)：通过class使用变量或者表达式的形式2.对象形式3.数组形式通过style1.变量或者表达式2.对象形式3.数组形式动态绑定样式(对v-bind的补充)：通过class 使用变量或者表达式的形式 css样式：<style> .change{ color:red }</style>html样式：<span :clas...原创 2022-02-09 22:56:36 · 557 阅读 · 0 评论 -
Vue框架2.x的初尝试
Vue路线 Vue2.x的基础语法 webpack 脚手架 项目开发（移动端项目开发APP） Ts（Typescript） Vue3.x基础语法 项目开发（PC端后台管理系统） 一、Vue初尝试官方地址: 介绍 — Vue.jsVue是一个渐进式 JavaScript 框架。Vue只关系视图层，如果你需要有其他的业务，vue-Router 、Vuex等等。MVC和MVVMMVC和MVVM都是一种设计思想...原创 2022-02-08 16:28:57 · 617 阅读 · 2 评论