摘要：<!-- 首先穿梭框设置ref用于引用 --> <el-transfer ref="grant_transfer" v-model="grant.value" :data="grant.data"></el-transfer> <script> //... ... /* 穿梭框 赋值后*/ this 阅读全文

摘要：执行 npm run dev 命令后 , 入口配置为 package.json , 代码片段如下 : { ... "script":{ "dev": "vue-cli-service serve", ... }, ... } 根据package.json中的内容 , 执行./node_modules 阅读全文

摘要：示例 route/index.js 路由页面 export default new Router({ mode: 'history', // 去掉url中的# scrollBehavior: () => ({ y: 0 }), routes: [{ path: '/redirect', compon 阅读全文

摘要： 阅读全文

摘要：开发环境搭建 1. 安装nodejs 2. 设置阿里镜像 npm i -g cnpm --registry=https://registry.npm.taobao.org 附 : 默认nmp镜像站 : metrics-registry = "https://registry.npmjs.org/" 阅读全文

摘要：Vue响应接口 给模型添加属性用 ： Vue.set( target, key, value ) 把模型属性移除用 ： Vue.delete( target, key ) 之前$watch监听 ，这里回顾一下 ： 我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实 阅读全文

摘要：Vue可以使用vue-resource实现ajax的操作 ， 需要额外库 Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求 引用库 : <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource 阅读全文

摘要：Vue可以使用axios实现ajax的操作 参考： https://www.runoob.com/vue2/vuejs-ajax-axios.html Github开源地址： https://github.com/axios/axios npm install axios 或引用下面其中一个库路径 阅读全文

摘要：菜鸟教程说 : 混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项 . 其实就是vue和对象的合并 (合并实例中的方法 , 合并实例中methods中的方法 , 合并全局方法) 示例1 : 简单的 阅读全文

摘要：官网 : https://router.vuejs.org/zh/installation.html (推荐看一下) Vue路由需要引用js库 : cdn : https://unpkg.com/vue-router/dist/vue-router.js npm : cnpm install vue 阅读全文

摘要：Vue动画和过度 语法: <transition name = "nameoftransition"> <div></div> </transition> <style> /* 可以设置不同的进入和离开动画 */ .fade-enter-active, .fade-leave-active {tra 阅读全文

摘要：<!-- 计算属性 computed https://www.runoob.com/vue2/vue-computed.html --> <div id="app"> <p>原始字符串: {{ message }}</p> <!-- 获取计算后的属性(用于复杂逻辑) --> <p>computed计 阅读全文

摘要：<!-- v-bind:class v-bind:style 样式绑定参考 https://www.runoob.com/vue2/vue-class-style.html --> <! > <div id="app"> <button v-on:click="counter += 1">增加 1< 阅读全文

摘要：<!-- Vue.js demo https://www.runoob.com/vue2/vue-tutorial.html --> <div id="vue_det"> <p>{{ message }}</p> <p>{{details()}}</p> <!--双大括号支持js计算 --> <p> 阅读全文