最近在学习react和vue，两者其实有很多地方相似。首先都是使用虚拟DOM来实现页面的局部状态的刷新。 ## 图片读取- react的是用./src 来找图片路径- vue是把文件放在static文件夹里 ## 渲染页面 1、字符串模版 ${} 2、react ：{} 3、vue :{{}} ## modules分包 - store里面的文件都是js文件 一级index modules文件是二级 ##Vuedatacreatedmethodscpmupted ##Vuexstatemutationsactionsgettermodules原文：https://www.cnblogs.com/op...
最近看别人的项目发现有些语法不能理解，所以百度进行了学习。现在总结一下。ref 有两种用法1.ref 加在普通的元素上，用this.ref.name 获取到的是dom元素2.ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。3.如何利用v-for 和ref 获取一组数组或者dom 节点 原文：http://www.cnblogs.com/daiwenru/p/7910363.html
在创建组件的时候，需要定义模板对象，注意 ： template 的 value值：1、通常是一个字符串，该字符串中如果存在多层div嵌套，肯定存在换行，此时不应该使用单引号，而应该使用 键盘上左上角 数字1左边的那个键 · ；2、该value的值（字符串）外层，必须有一个跟元素（例如div）包括着。原文：https://www.cnblogs.com/JAVA-STUDYER/p/11587623.html
这次给大家带来Vue使用vux-ui自定义表单验证注意事项有哪些，下面就是实战案例，一起来看一下。初学框架vue搭配vux使用发现这个UI库使用有些力不从心。下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。1.使用x-input组件可知，官方只给了三种类型的is-type验证器，分别是：email,china-name,china-mobile，其他需要自己自定义验证器，怎么写验证器？解决方法：自定义is-type验证器（试验过可以在valid使用正则验证）<x...
这次给大家带来使用Vue.js有哪些注意事项，使用Vue.js的注意事项有哪些，下面就是实战案例，一起来看一下。1.传递参数时,第二个参数要与前面的逗号有一个空格window.localStorage.setItem(STORAGE_KEY, JSON.stringify(items))2. 注意空格正确格式<script>import Store from ./storeconsole.log(Store)export default { ... }</script> 错误格式 <script> import Store from ./store console.log(Store)export default { ......
关于两者的区别，官网是这样说的：在切换 v-if 块时，Vue.js 有一个局部编译/卸载过程，因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染，因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——在条件第一次变为真时才开始局部编译（编译会被缓存起来）。 相比之下，v-show 简单得多——元素始终被编译并保留，只是简...
前言在Vue.js版本：1.0.27，使用Vue.js中V-bind指令来绑定class和style时，Vue.js对其进行了增强。表达式结果出了字符串之外，还可以是对象或者数组。这里自己对其进行了测试，发现有一下的问题：如果使用对象语法对class进行绑定话，class名称必须加上引号，代表所对应的样式，否则会将其当做对象的属性，从而使得初始化报错。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http:...
关于响应式 vue的双向绑定是基于响应式来做的，即给一个Vue对象的属性加上getter, setter方法，在这些方法中处理双向绑定。但这种方式就会出现下面这些坑 对象响应式 Vue中的属性如果是Object，或者是数组，数组中有Object，那么这些Object最好在最开始就把所有需要用到的属性都定义一遍，如果在运行中重新添加属性，这个属性并不是响应式的，就不会实现双向绑定，例如：const vm = new Vue({data: {a: {text: 'aaa'}} }) vm.a.b =...
本文实例讲述了vue-router两种模式区别及使用注意事项。分享给大家供大家参考，具体如下：Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认 hash 模式，还有一种是history模式。 hash模式 hash模式的工作原理是hashchange事件，可以在window监听hash的变化。我们在url后面随便添加一个#xx触发这个事件。window.onhashchange = function(event){console.log(event);}...
在面对单个组件逻辑复杂需要拆分时，难免会遇到父子组件之间数据传递的问题。那么我们来了解一下在父子组件之间进行数据传递时需要遵循哪些约定，以及要注意哪些问题。 如何传递 父组件向子组件在进行传递时，使用的是 prop 特性进行传递。 约定 老规矩， 在使用前我们首先了解应该怎么使用，有哪些约束条件： 子组件的 props 中定义要传递的变量名变量名同组件的命名规范父组件传值时，需要使用 短横线分隔命名使用 v-bind 进行传...
有一句话叫“前人栽树后人乘凉”，还有一句话叫“如果说我看得比别人更远些，那是因为我站在巨人的肩膀上”。前一句是国人的俗语，后一句是那个发现了“万有引力”定律的牛顿说的。为什么要引用这两句呢？是因为我刚开始用vue的时候，使用的是vue-cli来搭建vue项目，快速又好用；我刚开始用react的时候，使用的是create-react-app来搭建react项目，方便又省事。使用这些已有的脚手架来搭建项目，无可厚非，对于新手来说，也确实能快...
1. 使用name和params组合传参 this.$router.push({name: details, params: {id: 233}})路由配置 import Vue from vue import Router from vue-routerVue.use(Router)export default new Router({mode: history,routes: [{path: /details,name: details,component: resolve => require([../components/details], resolve)}] })获取参数 this.$route.params.id // 233 刷新参数丢失 显示 undefined this.$route.params.id // undefin...
1如何引入组件库有两种方法 1 npm下载 2 下载代码，下面介绍第二种方法。在gitHub上， 链接如下 https://github.com/youzan/vant-weapp 首先在自己项目目录static下新建一个vant文件夹，用于存放组件文件，把dist文件夹下的所有文件拷贝到static下面的vant目录下，如下所示：2 如何使用1 在需要使用组件的页面所在的文件夹下新建一个页面main.json， （新建页面后必须npm run dev 才能生效）在其中引入相应的组件即可，如下图所示...
前言 最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。 主体 flexible.js适配方案采用rem布局，根据屏幕分辨率大小不同，调整根元素html的font-size，从而达到每个元素宽高自动变化，适配不同屏幕 1.安装lib-flexible.js npm install lib-flexible --save 1.在项目入口文件main.js中引入lib-flexible import 'lib-flexible/flexible' 通过要以上两步，就完...
独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费了点时间，这里记录下，总结下经验，理一下思路。 1.对于项目的一些心得与体会 首先的一点，就是，对于图形界面框架的选型，这个很重要，对于一项目来说，开始动手前就要对项目的设计图有个完整的了解，以便于自己选择插件或者框架； 然后就是，对...