Vue2.0 探索之路——生命周期和钩子函数的一些理解(转)
摘要:前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数
阅读全文
在vue组件中style scoped
摘要:在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后,实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯一属性的标识,当然也会给当前style的所有样式添加[data-v-1233]这样的话,就可以使得当
阅读全文
vue-cli ESlint
摘要:ESLint简介 关于ESLint的介绍网上很多,这里就简单说些有用的。 ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同,所以统一代码风格在团队协作中尤为重要。 vue-cli的eslint相关 vue-cli在init初始化时会询问是否需要添加ESLint,确
阅读全文
vue-cli的webpack模板项目配置文件分析(转)
摘要:由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。 一、文件结构 本文主要分析开发(dev)和构建(build)两个过程涉
阅读全文
vue-cli结构分析
摘要:|-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js /...
阅读全文
vue-cli
摘要:安装 vue-cli 安装好了 node,我们可以直接全局安装 vue-cli: 安装完成后,可以使用 vue -V (注意 V 大写)查看是否安装成功。 生成项目 vue init webpack 然后执行 npm install npm run dev
阅读全文
vuex1
摘要:Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解为原来点击触发的事件统一交到vuex里面管理了。methods只提供事件函数,具体的业务逻辑到vuex里面
阅读全文
学习vue5_组件
摘要:<ul> , <ol>, <table> , <select> 限制了能被它包裹的元素, <option> 只能出现在其它元素内部。 在自定义组件中使用这些受限制的元素时会导致一些问题,例如: <table> <my-row></my-row> </table> 自定义组件 <my-row> 被认为
阅读全文
学习vue4_input
摘要://<!-- 当选中时,`picked` 为字符串 "a" --> <input type="radio" v-model="picked" value="a"> //<!-- `toggle` 为 true 或 false --> <input type="checkbox" v-model="t
阅读全文
学习vue3
摘要:<p>{{ message }}</p> <input v-model="message"> 双向绑定 data:{ message:'AAA' } <span v-once>This will never change: {{ msg }}</span> v-once 只显示一次 再次改变msg的
阅读全文
学习vue2
摘要:按键修饰符 .enter .tab .delete (捕获 “删除” 和 “退格” 键) .esc .space .up .down .left .right .ctrl .alt .shift .meta
阅读全文