vueJS - 随笔分类(第3页) - 半夏微澜ぺ

Vue 项目中添加全局过滤器以及全局混合mixin

摘要：可以在.vue文件中定义局部使用的过滤器如果希望所有的.vue文件都可以使用就可以注册全局过滤器如果过滤器比较多，可以把所有的过滤器统一写在一个js文件中，再在main.js文件中引入 filter.js main.js 添加混合mixin 混合是一种灵活的分布式复用Vue组件的方式。混合对象可阅读全文

posted @ 2019-02-19 16:21 半夏微澜ぺ阅读(1324) 评论(0) 推荐(0)

vue 自定义组件使用v-model

摘要：在自定义组件上使用v-model指定：使用自定义事件的表单输入组件自定义事件也可以用来创建自定义的表单输入组件，使用v-model实现双向数据绑定 <input v-model="msg"/> 只是 <input :value="msg" @input="msg=$event.target.ms 阅读全文

posted @ 2019-02-19 15:27 半夏微澜ぺ阅读(791) 评论(0) 推荐(0)

vue render函数使用jsx语法可以使用v-model语法 vuex实现数据持久化

摘要：render函数使用jsx语法：安装插件 transform-vue-jsx 可以使用v-model语法安装插件 jsx-v-model .babelrc文件配置： vuex实现数据持久化安装插件vuex-persistedstate 使用方法：默认存储是的localStorage 想要存储s 阅读全文

posted @ 2018-12-29 09:52 半夏微澜ぺ阅读(6218) 评论(0) 推荐(0)

vue 使用scss报错

摘要：vue-cli默认没有scss-loader，需要安装依赖：sass-loader node-sass 安装之后重启就可以使用： <style lang="scss"> </style> 本人在操作中出现报错：我重现安装了node的新版本就报这样的错误，需要运行 npm rebuild node- 阅读全文

posted @ 2018-12-18 15:16 半夏微澜ぺ阅读(934) 评论(0) 推荐(0)

Chrome浏览器vue-devtools插件安装教程

摘要：1.打开vue-devtools主页 vue-devtools插件GitHub的地址为：https://github.com/vuejs/vue-devtools 2.Clone该repo到本地首先保证你的电脑上安装了git和npm >git clone https://github.com/vu 阅读全文

posted @ 2018-11-05 11:39 半夏微澜ぺ阅读(2496) 评论(0) 推荐(0)

vue-cli创建项目一直downloading解决办法

摘要：vue-cli创建项目： 1 安装node（需要npm，npm是node的包管理股工具） 2 安装cnpm 3 安装vue-cli cnpm install vue-cli -g 4 创建项目 vue init webpack demo 创建步骤：选择No，I will handle that m 阅读全文

posted @ 2018-10-13 17:13 半夏微澜ぺ阅读(3282) 评论(0) 推荐(0)

vue中minxin---小记

摘要：定义全局的方法，例如定义过滤器，在很多地方都会用到，就可以定义在minxin中 demo：数据格式化保留指定的小数位数 var mixin={ filters:{ fixedNum:function(value,point){ return value.toFixed(point) } } }; 阅读全文

posted @ 2018-03-14 16:32 半夏微澜ぺ阅读(3349) 评论(0) 推荐(0)

vue-cli+webpack项目修改项目名称

摘要：使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。解决办法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package. 阅读全文

posted @ 2017-12-19 14:43 半夏微澜ぺ阅读(9129) 评论(0) 推荐(0)

Babel转码器

摘要：Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以用ES6的方法编写程序，又不用担心现在环境是否支持。阅读全文

posted @ 2017-12-05 18:32 半夏微澜ぺ阅读(161) 评论(0) 推荐(0)

webpack项目调试以及独立打包配置文件

摘要：webpack项目调试 -sourcemap webpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。打包之后，在根目录就会生成serverconfig.json文件使用(vue-resour 阅读全文

posted @ 2017-11-02 17:38 半夏微澜ぺ阅读(2200) 评论(0) 推荐(0)

chorme dev tools的小技巧

摘要：1 快速文件转换在DevTools打开的时候，你可以按下Ctrl+P来快速的寻找和打开你工程中的任意文件。 2 在源代码中搜索 Ctrl+Shift+F 即可在所有已加载的文件中查找一个特定的字符串，这个搜索的方法也支持正则表达式 3 跳转到特定的行数当你打开一个在源标签里的文件之后，DevTo 阅读全文

posted @ 2017-11-02 17:30 半夏微澜ぺ阅读(348) 评论(0) 推荐(0)

vue+webpack 打包文件 404 页面空白

摘要：最近用vue-cli+vue-router+webpack建立项目，其中的遇到的三个问题，整理如下： vue-cli+ webpack 建立的项目，cnpm run build 打包项目之后，需要放在http服务器上才可以运行，例如：nginx vue单页面的启动页面是index.html,路由阅读全文

posted @ 2017-10-26 16:46 半夏微澜ぺ阅读(4382) 评论(0) 推荐(0)

vue 使用font-awesome 只需两步

摘要：npm 安装font-awesome 以及需要的所有依赖 cnpm install less less-loader css-loader style-loader file-loader font-awesome --save 在入口文件中全局注册font-awesome ok 这样就可以在组件中使用font-awesone的icon了阅读全文

posted @ 2017-09-29 11:32 半夏微澜ぺ阅读(2870) 评论(0) 推荐(0)

vue项目中的路径别名

摘要：每次写引入组件的路径，如果路径嵌套比较深，那么会比较麻烦，我们可以在webpack.base.conf.js，中设置路径的别名，默认webpack设置src的别名为@ 建议配置src下一级目录的别名，这样可以减少重复书写也会比较美观，这样在引入components中的文件就可以这样写了：代替在阅读全文

posted @ 2017-09-27 17:50 半夏微澜ぺ阅读(2357) 评论(0) 推荐(0)

mounted

摘要：注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted： updated 类型：Function 详细：由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件阅读全文

posted @ 2017-09-05 17:35 半夏微澜ぺ阅读(1105) 评论(0) 推荐(0)

Vue.nextTick()的正确使用

摘要：Vue异步执行DOM更新。只要观察导数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变，如果同一个watcher被多次触发，只会一次推入到队列中。这种在缓冲时去除重复数据对于避免不必要的计算和DOM 操作上非常重要。然后，在下一个事件循环‘tick’中，Vue刷新队列并执行实际阅读全文

posted @ 2017-09-05 16:54 半夏微澜ぺ阅读(561) 评论(0) 推荐(0)

Vue中devtools安装使用

摘要：vue.js的devtools安装安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程执行npm install >npm run build. 3.修改manifest.json 阅读全文

posted @ 2017-09-05 15:20 半夏微澜ぺ阅读(253) 评论(0) 推荐(0)

vue 过滤器

摘要：Vue.js允许自定义过滤器，过滤器可以使用在两个地方：mustache插值和v-bind表达式，过滤器应该被添加在jacascript表达式的尾部，由‘管道’符指示；过滤器总是接收表达式的值作为第一个参数。过滤器可以串联在这个例子中，filterA 被定义为接收单个参数的过滤器函数，表达式阅读全文

posted @ 2017-09-05 15:16 半夏微澜ぺ阅读(159) 评论(0) 推荐(0)

Vue render函数

摘要：Vue 推荐在绝大多数情况下使用template来创建你的HTML。然而的一些场景中，你真的需要javascript的完全编程能力，这就是render函数，它比template更接近编译器 demo 阅读全文

posted @ 2017-09-05 14:34 半夏微澜ぺ阅读(287) 评论(0) 推荐(0)

使用slot分发内容

摘要：为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件的模板。这个过程被称为内容分发使用特殊的<slot>元素作为原始内容的插槽除非子组件模板包含至少一个<slot>插口，否则父组件的内容将会被丢弃。当子组件只有一个没有属性的slot时，父组件整个内容片断将插入到slot所在DOM位置阅读全文

posted @ 2017-09-04 16:53 半夏微澜ぺ阅读(295) 评论(0) 推荐(0)

随笔分类 - vueJS