vue.js
tongwandouQX
想法、意识远比技术本身更有传授的价值! 多积累,肯动脑子,肯动手敲代码,多学习,提升自己的能力和对编程思想的理解能力才是最关键!
展开
-
dart-sass与node-sass介绍
dart-sass与node-sasssass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现.。sass-lang官方网站: https://sass-lang.com/dart-sass相同都是用来将sass编译成css的工具。区别node-sass 是用 node(调用 cpp 编写的 libsass)来编译 sass;dart-sass 是用 drat VM 来编译 sass;node-sass是自动编译实时的,dart-sass需要保存后才会生效推荐 dart原创 2020-07-27 17:58:31 · 26958 阅读 · 4 评论 -
Conflicting order. Following module has been added:
webpack打包时,通常会将css和js文件打包到一起,此时我们会使用mini-css-extract-plugin插件分离并打包css到单独文件。mini-css-extract-plugin插件使用问题Conflicting order常遇到如下警告,Conflicting order. Following module has been added:…。此警告意思为在不同的js中引用相同的css时,先后顺序不一致。也就是说,在1.js中先后引入a.css和b.css,而在2.js中引入的却是转载 2020-07-16 11:58:58 · 20706 阅读 · 1 评论 -
vuex
https://vuex.vuejs.org/vuex基本概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 状态:数据 因为组件的状态变化其实就是数据的变化,所以状态 == 数据。vuex : 提供数据的存储规则以及访问规则。 每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vue原创 2017-11-13 23:22:49 · 365 阅读 · 0 评论 -
vue路由(二)
路由模式1.hash模式 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。例如:”http://localhost:8080/#/login“,修改url中的hash值来加载页面。2.HTML5 History模式 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充原创 2017-11-13 23:21:10 · 346 阅读 · 0 评论 -
vue-cli及vue-router(一)
1.单文件组件(1)问题: 使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: ‘#container ‘}) 在每个页面内指定一个容器元素。当在更复杂的项目中,或者你的前端完全由 JavaScript 驱动的时候,这种做法的缺点很多:全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复字符串模板 (Stri原创 2017-11-13 23:19:55 · 2357 阅读 · 0 评论 -
ES6模块化及webpack配置
前端使用的一个模块打包工具:https://webpack.js.org/webpack安装安装 node & npm(因为webpack是基于node开发的)通过 npm / yarn 的方式来安装 webpack 安装方式: 全局安装 npm install -g webpack-g : global 全局 会装在npm默认目录好处:只需要安装一次,本机中任何项目都可以直接使用原创 2017-11-13 22:00:27 · 7327 阅读 · 0 评论 -
vue动画
document.customMenu:在document对象上挂一个属性:customMenu。进入/离开 & 列表过渡vue 在插入、更新或者移除DOM时,提供多种不同方式的应用过渡效果。在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScri原创 2017-11-13 15:52:03 · 355 阅读 · 0 评论 -
vue生命周期及自定义指令
一、生命周期1.生命周期图示:2.生命周期钩子函数beforeCreate 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 2.created 在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$原创 2017-11-12 18:11:47 · 1688 阅读 · 1 评论 -
vue组件(二)
v-for with v-ifv-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中v-for与v-for同时作用于一个标签上,那么就不能再与一个带有v-else标签连用:<code> //这样写不能起作用 <u原创 2017-11-12 17:55:43 · 200 阅读 · 0 评论 -
vue组件(一)
组件定义:封装了重用代码的自定义HTML标签,通过组件可以实现对HTML标签的扩展.组件的注册(创建)全局组件 在全局范围内都可以使用 Vue.component(组件名称, 组件配置)<code> Vue.component('my-component', { // 该组件被使用的时候返回的结构与样式 //template: '<h1>my-compo原创 2017-11-12 14:27:42 · 307 阅读 · 0 评论 -
vue学习笔记—vue基础(一)
vue学习笔记—vue基础(一) 从今天开始,笔者会陆续分享之前学习vue框架和在实际项目中运用碰到的坑记录下来的笔记给大家,也是对知识的一个整理与复习巩固。有喜欢的朋友可以多多关注我。1.创建实例 vue框架提供了一个Vue的构造函数(类),我们通过实例化Vue,产生一个vue对象,来构建应用; 例如: new Vue(); 在实例化Vue的时候,传入一些配置参数这些配置参数在Vue官网的原创 2017-11-10 20:18:43 · 883 阅读 · 0 评论 -
vue学习笔记—vue基础(二)
vue学习笔记—vue基础(二)参数设置从一个Vue的实例开始的 使用Vue创建一个应用的时候,需要传入一些必要的配置参数 参考:api -> 选项 选项包含分类:1.数据 如: data : 设置vue的数据(观察数据),vue应用中所需要使用的数据可以放置在该选项中,同时vue会监听和观察data中的变化; 放置应用中所需要使用到的元数据,开始就能确定的数据 methods:原创 2017-11-10 20:33:02 · 373 阅读 · 0 评论