随笔分类 - Vue2.0
摘要：1，通过后台，获取accessToken 和 签名jsApiTicket，并写入浏览器缓存（可以写在app.vue中） 2，上面的store.js（写入浏览器缓存的文件）如下 3，mian.js中，注册分享全局函数，并暴露出接口 4，在相应的位置调用注册好的wxShare （title, desc,
阅读全文
摘要：子组件 first.vue second.vue third.vue
阅读全文
摘要：v-show 在v-show中，元素是一直存在的，当v-show为false时，元素display:none只是隐藏了而已。 v-if 作用：判断是否加载固定的内容，如果为真，则加载；为假时，则不加载。 用处：用在权限管理，页面条件加载。 语法：v-if=“判断表达式” 特点：控制元素插进来或者删除
阅读全文
摘要：1，文件内容 //为item添加不存在的属性，需要使用vue提供的Vue.set( object, key, value )方法。 看详解：https://cn.vuejs.org/v2/api/#Vue-set <template> <div> <ul> <li v-for="(item,$ind
阅读全文
摘要：1，文件内容 使用v-for遍历数据 @click="selectSort(item)"添加点击事件，并把每个obj=item传入 v-show="item.show"，在点击事件中，实现点击显示或隐藏 :class="{'active':item.show true}" 动态添加class，判断当
阅读全文
摘要：1，使用save会在package.json中自动添加。 npm install node-sass --save npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上
阅读全文
摘要：1，写一个简单的headcomp组件如下： <template> <div class="box"> <transition name="move"> <button @click = "decrease" v-show="home.count>0" class="decrease">我是减法</b
阅读全文
摘要：阅读此文前，请了解vue-cli 组件如何使用 http://www.cnblogs.com/pearl07/p/6252116.html 1，mock（模拟）后台数据（新建data.Json文件）。 2，在build文件夹下的dev-server.js中，导入数据。 3，在main.js文件中引用
阅读全文
摘要：1，更改main.js 2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件） 其中，为什么要使用<router-link></router-link>, 请移步：http://router.vuejs.or
阅读全文
摘要：开始项目之前，先了解如何创建项目: http://www.cnblogs.com/pearl07/p/6247389.html 1，项目目录结构（路由是后来建的，将在下一篇使用路由，此处可忽略）。 2，首先完善main.js。 3，在components下 ，新建一个first.vue组件，并实现基
阅读全文
摘要：TIP：win10下安装，使用管理员身份进行，否则会有权限限制。 1，安装完成node，node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。（npm install --global vue-cli） 想安装速度快点，可以使用淘宝镜像如下 命令
阅读全文