Vue
笔记
T细胞
岁月流逝,将来的某时某处,我会在叹息中想起,林间的路分成两股,而我选择了人迹罕至之徒,那一刻起,一切差别已成定铸。
展开
-
vue-cli 多环境切换
文件格式:.env # 所有环境.env.local # 所有环境,git忽略.env.[mode] # mode环境.env.[mode].local # mode环境,git忽略build:// 指定 .env.[mode]"scripts": { "build": "vue-cli-service build --mode [mode]"}npm run build.e.原创 2020-11-04 14:11:55 · 1223 阅读 · 0 评论 -
Vue基础:一、开发环境
开发环境npm install --global vue-clinpm install -g webpacknpm install -g cnpm --registry=http://registry.npm.taobao.orgcnpm i node-sass -Dcnpm i sass-loader -Dcnpm i axios -Dcnpm i element-ui -Dcn...原创 2019-09-05 19:06:41 · 109 阅读 · 0 评论 -
Vue基础:二、指令
常用指令插值:{{}}v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。v-show:调整css dispaly属性,可以使客户端操作更加流畅。v-for:在要循环的标签上使用。比如在ol标签下的li标签上使用。v-on:绑定事件。如v-on:click、v-on:keyup.enter。enter可用键码:v-on:keyup.13。简写如@clickv-bind:绑定...原创 2019-09-05 19:39:29 · 154 阅读 · 0 评论 -
Vue基础:三、全局API
1. Vue.directive 自定义指令 - ({string} id, {Function | Object} [definition]) Vue.directive("jxch", { // el: 标签; binding: 对象 bind: function (el, binding, vnode) {//被绑定 ...原创 2019-09-05 20:03:14 · 196 阅读 · 0 评论 -
Vue基础:四、全局配置
silent原创 2019-09-06 10:34:28 · 220 阅读 · 0 评论 -
Vue基础:五、选项·数据
data - Object | Function,组件只能用FunctionVue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对):浏览器 API 创建的原生对象,原型上的属性会被忽略。大概来说,data 应该只能是数据 - 不推荐观察拥有状...原创 2019-09-06 09:32:39 · 557 阅读 · 0 评论 -
Vue基础:六、选项·生命周期钩子
:::alert-danger所有的生命周期钩子自动绑定 this 上下文到实例中;不能使用箭头函数来定义一个生命周期方法,因为箭头函数绑定的是父上下文。:::11个生命周期钩子beforeCreate:function(){ console.log('1-beforeCreate 初始化之前。取数据');// 在实例初始化之后,数据观测 (data observer) 和 e...原创 2019-09-06 09:21:19 · 287 阅读 · 0 评论 -
Vue基础:七、选项·DOM
el原创 2019-09-06 10:43:46 · 115 阅读 · 0 评论