随笔分类 - VUE
摘要：文件格式： .env # 所有环境 .env.local # 所有环境，git忽略 .env.[mode] # mode环境 .env.[mode].local # mode环境，git忽略 build： // 指定 .env.[mode] "scripts": { "build": "vue-cl
阅读全文
摘要：v-model model 选项和 $emit 组合实现，然后便可在父组件直接使用 v-model 属性了。 示例 <template> <div> <label for="ref"> <span class="label">{{ label }}</span> <select id="ref" :
阅读全文
摘要：监听类型 data 和 computed deep 为了发现对象内部值的变化，可以在选项参数中指定 deep: true 。注意监听数组的变动不需要这么做。 immediate 在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调 官方示例 var vm = new Vu
阅读全文
摘要：<template> <div class="container"> {{ title }} </div> </template> <script> import ''; import xx from ''; export default { name: 'test', props: { // 入参
阅读全文
摘要：data - Object | Function，组件只能用Function Vue 实例的数据对象。 Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。 对象必须是纯粹的对象 (含有零个或多个的 key/value 对)：浏览器 AP
阅读全文
摘要：所有的生命周期钩子自动绑定 this 上下文到实例中； 不能使用箭头函数来定义一个生命周期方法，因为箭头函数绑定的是父上下文。 11个生命周期钩子 beforeCreate:function(){ console.log('1-beforeCreate 初始化之前。取数据'); // 在实例初始化之
阅读全文
摘要：1. Vue.directive 自定义指令 - ({string} id, {Function | Object} [definition]) Vue.directive("jxch", { // el: 标签; binding: 对象 bind: function (el, binding, v
阅读全文
摘要：插值：{{}}v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。v-show：调整css dispaly属性，可以使客户端操作更加流畅。v-for：在要循环的标签上使用。比如在ol标签下的li标签上使用。v-on：绑定事件。如v-on:click、v-on:keyup.enter。ent
阅读全文
摘要：开发环境 npm install --global vue-cli npm install -g webpack npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm i node-sass -D cnpm i sass
阅读全文
浙公网安备 33010602011771号