最近在学习Vue，今天正好写个学习笔记，把以前遇到的错误给总结一下。 Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了 webpack可以进行配置，配置多文件入口，进行多页面开发 第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack代码拆分：code-spliting2.提取公共（如提取css,js）3.预渲染：使用p...
Props在vue组件中各种角色总结 在Vue中组件是实现模块化开发的主要内容，而组件的通信更是vue数据驱动的灵魂，现就四种主要情况总结如下： 使用props传递数据---组件内部//html <div id="app1"><i>注意命名规定：仅在html内使用my-message</i><child my-message="组件内部数据传递"></child> </div> //js <script>Vue.component(child, {props: [myMessage],template: <mark>{{ myMessage }}<mark/>});new Vue({el: #app1}) </scri...
前言 最近公司用vue框架写交互，之前没怎么写过，但是很多数据双向绑定的东东跟angular很像！所以上手很快！哈哈今天就碰到一个vue的问题啊！！产品需求是，datetimepick时间选择器一更改时间，就重新ajax获取数据渲染图表，很简单的需求啊！用angula ng-change监听inpu框框，分分钟搞定啊！用特么js原生 on-change也分分钟搞定啊！问题是尼玛的VueJs对input框没有change事件！尼玛坑爹啊！（不知道是不是我没找到，反正api里没有，...
近几年前端的技术发展很快，细分下来，主要可以分成四个方面： 1.开发语言技术，主要是ES6&7，coffeescript，typescript等； 2.开发框架，如Angular，React,Vue.js，Angular2等； 3.开发工具的丰富和前端工程化，像Grunt，Gulp，Webpack，npm，eslint，mocha这些技术； 4.前端开发范围的扩展，如服务端的nodejs,express,koa,meteor,GraphQL;移动端和跨平台的PhoneGap,ionic,ReactNative，Weex;计算机图形学...
过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器，过滤器通常会使用管道标志 “ | ”， 比如：{{ msg | capitalize }} // abc => ABC uppercase过滤器 : 将输入的字符串转换成大写字母的过滤器。VueJs允许你链式调用过滤器，简单的来说，就是一个过滤器的输出成为下一个过滤器的输入，然后再次过滤。接下来，我们可以想象一个比较简单的例子，使用了Vue的 filterBy + ord...
前言 Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。最近终于有时间空下来，所以想着把在使用vue过程遇到的一些问题疑惑总结处理，方便自己或者有需要的朋友们参考，下面话不多说了，来看看详细的介绍吧。 一、计算缓存computed与Methodshtml代码:<div id=app> <p>{{ msg }}</p> <p>reverse {{ ...
vue2.0 据说也出了很久了，博主终于操了一次实刀。 整体项目采用 vue + vue-router + vuex （传说中的vue 全家桶），构建工具使用尤大大推出的vue-cli 项目是图片分享社交平台。 项目预览： 1 .vue-cli构建工具必知 我选用的vue-cli 是基于webpack的版本 ，不了解webpack的可以先粗略看下下面的基本知识 webpack 基本知识点： entry：入口点，webpack会从入口点设置的js文件开始对项目进行构建，过程中，所有入口点通过impo...
续上一篇文章：vue2.0 开发实践总结之入门篇 ，如果没有看过的可以移步看一下。 本篇文章目录如下： 1. vue 组件的说明和使用 2. vuex在实际开发中的使用 3. 开发实践总结 1. vue 组件的说明和使用 一个组件实质上是一个拥有预定义选项的一个 Vue 实例 在header组件内部允许外部使用，需要导出属性，有2种导出方法 1. 默认导出（不用命名） export default {data () {return {msg: header}} } 以上代码实际上会自动生成一个...
这次给大家带来Vue组件的开发技巧总结，Vue组件开发的注意事项有哪些，下面就是实战案例，一起来看一下。前言临近毕业，写了个简单个人博客，项目地址是点我访问项目地址（顺便求star），本篇是系列总结第一篇。接下来会一步一步模仿一个低配版的Element 的对话框和弹框组件。正文Vue 单文件组件开发当使用vue-cli初始化一个项目的时候，会发现src/components文件夹下有一个HelloWorld.vue文件，这便是单文件组件的基本开发模式。/...
二、服务器环境搭建 ??新购买的服务器什么都没有，需要根据自己的须要搭建环境,我的博客服务端是用node搭建的，所以我给服务器搭建的是node环境，其他环境请自行百度~~~（我的服务器是 CentOS 7）。我的远程连接工具是用的是：XShell，文件上传用的是：FileZilla。当然也可以用其他的工具，请自行下载~~1. 格式化和挂载数据盘 先放本文系统来源：https://www.cnblogs.com/baimeishaoxia/p/12036806.html
HTML 一、HTML文档的特点 以标签包裹整个文档大多数标签成对出现分为头和身体两大部分 二、Html的重要标签(body) ?<hr>: 横线 ?<br>: 换行 ?<h1>-<h6>: 标题 ?<div>: 文档分区或分节 ?<span>: 行内区域 ?<a> : 超链接 ?<p>: 段落 ?<img>: 图片 ?<input>: 输入框 ?<textarea>: 多文本 ?<select> : 下拉选 ?<ol>--<ul>: 有序和无序列表, ?<table>： 表格 ?<tr>： 一行 ?<td>： 行内一个单元格 ?<th>： ...
vue3 + node 实战（实现图片操作功能）总结 上效果演示地址 源码地址 使用的技术栈 前端 vite: 一个刚出的构建工具，使用过后都说好，我是使用vite 来进行构建前端项目的。如何构建项目vue3: 这个也是刚出不久，许多生态也在慢慢的完善，关于vue2 升级到vue3的不同，可以查看element-plus：这是element团队推出支持vue3的ui组件库，我写文章这会儿还是测试版本，只是为了体验一下，顺便提点bug（感受一下不一样的bug）,哈哈vue-rou...
在uniapp微信小程序中使用mpvue-echarts的总结项目需求在uniapp中实现echarts地图存在问题针对修改以下几个地方 项目需求在uniapp中实现echarts地图 网上找了相关的方法:https://blog.csdn.net/CherryLee_1210/article/details/83016706 存在问题 1.在uniapp中使用echarts的时候发现H5页面不报错，但是图表不显示的问题； 2.在uniapp小程序中报:this.echarts.setCanvasCreator 找不到响应的函数； 如上描述的博客： 在项目终端中依...
一、前言 二、主要内容 1、分析实现的逻辑 第一步：用户登录成功之后需要找到目的对象发起私聊。 第二步：数据双向绑定监听输入内容 第三步：点击发送按钮的时候请求后端接口。 第四步：后端建立接口完毕后返回前端聊天数据 ...
一、前言 下面这个功能也是比较常见的一个炫酷的功能，vue配合移动端滑动事件实现左右滑动的效果 二、主要内容 1.第一步：组件准备 导航条使用的是一个公共组件NavBar.vue 2.第二步：router中的路由配置，将切换的路由添加到router里面 3.第三步：...