Vue.js
Mean。
这个作者很懒,什么都没留下…
展开
-
Vue - render函数
一、为什么需要render函数为了弥补一些template的弱项vue官方文档例子<script type="text/x-template" id="anchored-heading-template"> <h1 v-if="level === 1"> <slot></slot> </h1> <h2...原创 2019-11-20 20:47:34 · 452 阅读 · 0 评论 -
Vue-cli 3.0使用遇到的问题记录(未整理)
vue3.0使用全局scssh2h3首先创建一个scss文件接着在项目根目录下创建vue.config.jsvue.config.js内容注意这段代码css: { loaderOptions: { // 给 sass-loader 传递选项 sass: { ...原创 2019-07-25 16:20:38 · 266 阅读 · 0 评论 -
Vue-cli 打包的vendor很大
问题:Vue-cli 打包后vendor很大,700多KB,导致首次加载页面速度很慢原因:vendor中将引用三方插件打包了,如Element-UI等解决办法:禁止打包第三方插件,通过CDN引用(本文均以elementUI为例)1.在webpack.base.conf.js中加上externals表示webpack不需打包的文件 ,格式为:‘插件名’: '项目中别...原创 2019-05-24 11:24:46 · 1665 阅读 · 0 评论 -
Vue-cli 2.0使用遇到的问题记录
目录1. Vue-cli 打包后vendor很大2. Vue-Router使用History3. Vue Router使用history模式带参数刷新报错4. 路由变化页面数据不刷新5. 异步回调函数中使用this无法指向vue实例对象6. setInterval路由跳转继续运行并没有及时进行销毁7. 修改数组视图无法更新8. 修改数组视图无法更新9. 使用Vu...原创 2019-05-30 16:06:24 · 617 阅读 · 0 评论 -
解决vue router使用history模式带参数刷新报错
前提:Vue router默认模式为hash,url中带有#不是很美观router配置 :{path: '/tx/:hash?',name: 'tx',component: tx},{path: '/address/:address?',name: 'address',component: address},遇到的问题(均省略IP):直接访问 /address/ 正常...原创 2019-05-22 18:32:29 · 4373 阅读 · 0 评论 -
Vue源码学习(一)
今天开始学习Vue源码,顺便不定时记录下从github上clone源码(地址为:https://github.com/vuejs/vue)此时版本为2.6.10,可以看到尤大大6天前的提交参照以下贡献规则文档:https://github.com/vuejs/vue/blob/dev/.github/CONTRIBUTING.md#project-structure,对项目结构进行初步理解...原创 2019-03-26 15:23:56 · 1664 阅读 · 0 评论 -
vue中使用sass的配置的方法
1、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass3、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test: /\.sass$/, loaders: ['style'...转载 2018-11-26 14:19:17 · 226 阅读 · 0 评论 -
在vue-cli项目中使用echarts
这个示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像:cnpm安装npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S 创建图表全局引入main.js...转载 2018-09-17 14:11:39 · 3401 阅读 · 0 评论 -
vue调用手机摄像头
现在前端技术发展飞快,前端都能做app了,那么项目中,也会遇到调用安卓手机基层的一些功能,比如调用摄像头,完成扫描二维码功能下面我就为大家讲解一下,我在项目中调用这功能的过程。首先我们需要一个中间框架,hbuilder http://www.html5plus.org/doc/zh_cn/accelerometer.html 这个是html5+的文档地址,我们找到Barcode模块,...转载 2018-07-17 15:17:50 · 23823 阅读 · 1 评论 -
解决使用Vue-cli打包,生成index.html文件无法使用浏览器打开的问题
在webpack.prod.conf.js文件中的webpackConfig找到output,添加一项 publicPath: './'转载 2018-06-11 19:59:44 · 3172 阅读 · 0 评论 -
vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信,可以通过实例一个vue实例Bus作为媒介,要相互通信的兄弟组件之中,都引入Bus,之后通过分别调用Bus事件触发和监听来实现组件之间的通信和参数传递。 首先需要在任意地方添加一个bus.js 在bus.js里面 写入下面信息1 import Vu...转载 2018-04-17 19:24:31 · 225 阅读 · 0 评论 -
Vuex接触
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vuex项目结构: 首先使用 ...转载 2018-04-16 17:12:44 · 226 阅读 · 0 评论 -
mac Vue脚手架搭建
因为是mac系统,所以和视频里老师讲的有些许不同。 1.首先打开终端 按照老师的操作,首先检查node版本 下面是我的操作 打开终端,输入命令 node -v 我去,找不到node。。。。。 好吧,去这个地方下载mac版本的node 下载地址:https://nodejs.org/en/download/ (选择mac os) 安装完毕,有了 2.输入 sudo npm install -g v...转载 2018-03-08 18:28:01 · 3856 阅读 · 1 评论 -
vue.js脚手架搭建
使用 Vue.js 开发大型应用时,我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无疑效率是低下的,所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。(1) 安装之前需要检查是否已经安装NodeJS的环境可以使用node -v检查,且需要转载 2017-09-01 11:11:20 · 1499 阅读 · 0 评论 -
Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM,学习Vue.js转载 2017-08-31 13:43:58 · 274 阅读 · 0 评论