随笔分类 - Vue
摘要：第一步：先打开终端，安装一个echarts npm i echarts第二步：echarts - DCloud 插件市场，点击这个链接，装一下这个插件！ 1 <template> 2 <view class="content"> 3 <view style="width:100%; height:7
阅读全文
摘要：这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？我们需要修改一下我们的 watch 写法，修改过后的 watch 代码如下： watch: { firstName: { handler
阅读全文
摘要：1、查看package.json文件的scripts命令2、打开webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl点击，跳转到index.js文件3、其中dev是开发环境，build是构建版本，找到build下面
阅读全文
摘要：axios 官方文档https://www.kancloud.cn/yunye/axios/234845 axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest 从 node.js
阅读全文
摘要：jQuery实现JSONP .getJSON("http://localhost:8080/bean?callback=?", {id:2,name:'李四',sex:'男'}, function(data) { alert(data.id+data.name+data
阅读全文
摘要：Load定义：load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。 <script> $(function () { //点击右侧栏触发事件 $('.list-group-item').on('click', function () { var url = $(
阅读全文
摘要：Vue + Django + BootstrapVue实现分页，前端后台实例讲解 1、后台Django代码 def storage(req): ''' 存储图片接口： 1、根据roomid查询出数据 ''' # 从数据库选出所需数据 roomid = req['roomid'] data_list
阅读全文
摘要：vue+django rest framework 简单回顾vue 首先强调： 修改源： npm config set registry https://registry.npm.taobao.org 创建脚手架： vue init webpack Vue项目名称 #记得把route的这个设置为ye
阅读全文
摘要：Vue之v-model 目标：1、了解v-model的本质。2、了解v-model的实现原理。 我们知道Vue的核心特性之一是双向绑定，vue的响应式原理是实现了数据－>视图，接下来我们要学习 视图－>数据的原理。 v-model是一个指令，限制在<input>、<select>、<textarea
阅读全文
摘要：过渡的类名 在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类
阅读全文
摘要：css3贝塞尔曲线(cubic-bezier) css3 animation模块，其中animation-timing-function 和 transition-timing-function两个属性来控制动画速度分别提供了ease，liner，ease-in，ease-out，ease-in-o
阅读全文
摘要：Vue组件prop属性 Prop prop 大小写 Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3>{{ postTitle }}</h3>' }) <!
阅读全文
摘要：style 从 2.3.0 起你可以为 style 绑定中的属性提供一个包含多个值的数组，常用于提供多个带前缀的值，例如： <div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] }"></div> 这样写只会渲染数组中最后一个被
阅读全文
摘要：id指令:# ; class指令:. div#test <div id="test"></div> div.test <div class="test"></div> 子节点指令:> ; 兄弟节点指令:+ ; 上级节点:^ 重复（*） 分组() div>(ul>li>a)+div>p*3 <div>
阅读全文
