2019-6-2 10:06:55我咋配置 Nginx就是不能访问vue也许里面还是有错误也许是vue里面东西有改动把等学会完vue理解完 也许就会配置啦!就好比自己的bbs项目!......又发现自己的知识不足!放上一些踩过的坑(没人知道就是有好多的坑 也许是这些坑可以让你更好的成长!!!!) 越努力,越幸运!永远不要高估自己!现在开始准备四级然后 项目就是用本地luffy项目 做点好玩的东西吧!我觉得要是面试的话 有个luffy项目 还是很吊的 顺便把luffy项目弄...
本篇文章主要要记录说明的是,Vue在Vdom的创建上的相关细节。这也是描绘了Vue在界面的创建上的一个逻辑顺序,同时我也非常拜服作者编码的逻辑性,当然或许这么庞大复杂的编码不是一次性铸就的,我想应该也是基于多次的需求变动而不断完善至现在如此庞大的结构和复杂度。 首先我们回顾 上一篇文章 中,讲到了Vue实例initMixin,就是实例初始化,但是,我们在看Vue的源码时,经常会遇到某个变量或方法,好像还没定义,怎么就用上了...
------------恢复内容开始------------ 1、连接 码云 常见命令 git branch git push2、需要导入tree-table官方库3、记住数组要[],数据名字要{}4、编辑的的 修改 1、先要查出来 2、加载到相应的表单中 3、操作 然后再进行保存 5、要首先获取参数 然后显示出来做出修改 将获取数据的选中 项发生变化选中 6、vue 年月日 也可以使用js相关的函数来进行 表示 7、对于相同类似的需要粘贴...
1、计算属性 再vue中如果出现表达式过长或者逻辑比较复杂,这时会导致代码不清晰,臃肿,难以维护所以我们会使用计算属性进行书写 再计算属性中可以放负责的逻辑,可以是函数,表达式等,但最终会返回一个结果,再使用计算属性的时候只要数据变化,计算属性就会重新执行,
视图也就跟着重新发生变化 每一个计算属性都是用的是函数进行表示的,最终返回的是一个值2、实现计算属性的方法 所有的计算属性都是以函数的形式写在vu...
vue组件代码<template><div><div style="padding:20px;"><div class="show"><div class="picture" :style="‘backgroundImage:url(‘+headerImage+‘)‘"></div></div><div style="margin-top:20px;"><input type="file" id="upload" accept="image/jpg" @change="upload"><label for="upload"></label></div></div></div>
</template><script>
import {Exif} from ‘./exif.js‘export default {data () {return {headerImage:‘‘...
一、总体框架一个vue-cli的项目结构如下,其中src文件夹是需要掌握的,所以本文也重点讲解其中的文件,至于其他相关文件,了解一下即可。 vue-cli项目总体结构二、文件结构细分1.build——[webpack配置]build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入npm run dev首先启动的就是dev-server.js,它会去检查node及npm版本,加载配置文件,启动服务。build文件结构2.config——[vue项目配置]config文件主要是...
nui app有月份选择日历 <uni-calendarref="calendar":date="date":topTabCur="topTabCur":insert="false":lunar="false":disable-before="true":showMonth="false":start-date="startDate":end-date="endDate":clearDate="false"@confirm="confirmCalendar"/> 打开日历 toggleCalendar() {// this.showUniCalendar = !this.showUniCalendarconst showStatus = this.$refs.calendar.showshowStatus ? this.$refs.calendar.close...
搭建vue-cli 脚手架构建工具步骤:首先:1、安装nodejs2.安装淘宝镜像 (npm install -g cnpm --registry= https://registry.npm.taobao.org)3、cnpm -v 若出现相应的版本号则说明镜像安装成功4、安装webpack(npm install webpack -g)5、webpack -v 检查是否安装成功6、安装vue-cli脚手架构建工具(npm install vue-cli -g)7、 vue -V(注意是大写的V若出现相应的版本号则说明安装成功)8、创建项目* vue init webpack projectName...
1.格式完整格式:v-bind:元素属性=‘xxx‘缩写格式::元素属性=‘xxx‘在上一章节的基础上,我们增加了如下代码,imgUrl的地址是网上随便找的 然后我们看看效果 增加跳转链接 2.事件绑定,格式完整写法:v-on:事件名称="事件处理函数名"缩写:@事件名称="事件处理函数名" 用于监听DOM事件代码如下 <div> <input type="text" value="1" v-model="num"> <button v-on:click="add">点击+1</button></div><script...
父组件传递数据给子组件用props,父组件中使用子组件,子组件用props接收父组件数据。Home父组件代码:<template>
<div>{{test}}<!-- 使用子组件,绑定父组件数据数据 --><Child :test="test"></Child>
</div>
</template>
<script>
// import子组件
import Child from ‘./Child.vue‘
export default {name: "Home",//components引入子组件 components:{Child},data () {return {test:123};}
}
</script>
<style lang="css" scop...
vue一般语法v-on: == : 绑定属性v-bind: == @ 绑定事件v-for= 列表循环v-model= 数据双向绑定v-html= 经过解析后再显示的html 不然就显示你真实数据v-if= v-elseif= v-else= 有条件的渲染v-show= 后面接boolean值的表达式 true则显示v-on= 遍历后面的事件,全都绑定v-bind= 遍历对象属性 绑定属性名=值<chirldnode @click.native=‘‘> 或<chirldnode @click=‘‘>子组件temple<button v-on=‘ownlis‘>子组件参数...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>#app {width: 1200px;height: 500px;border: 1px solid red;margin: 50px auto;}.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}.item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;overflow: hidden;}.active {z-index: 2}.animating {transition: transfor...
.prevent 用于阻止默认事件,点击a标签href可以打开相应的链接,那么给事件加 上此关键字,click.prevent .capture 冒泡顺序 例如 div1中嵌套div2中嵌套div3<div id="app" v-on:click="show">1<div id="app2" v-on:click.capture="show2">2<div id="app3" v-on:click="show3">3</div></div></div><script type="text/javascript">var vm=new Vue({el:"#app",data:{},methods:{show:function(){console.log("这是app的方法...
父页面:<template> <div class="parent"> <p>父组件</p> <child> <div slot=‘s1‘> <p >插槽1</p> <p >插槽101</p> </div> <p slot=‘s2‘>插槽2</p> <p slot-scope=‘props‘ slot=‘s3‘> {{props.text}} </p> </child> </div></template><script> import child from ‘./child‘ export default{ name:‘parent‘, data(){ return{ } }, methods:{ }, components:{ child } }</script><sty...
是一个图形验证码的接口,点击验证码可以刷新,问题是我用之前的请求方式只是在 created 里面生效,再次点击就不会请求接口了。不明觉厉. 之前的写法是这样的// 切换验证码changeCodeImg:function(){this.verifyImg = ‘/api/login/image?r=‘+Math.random();},不管是初始调用,还是点击调用都是可以的,可以在 network 中看到。但是不知道什么原因,这次不行,点击事件是生效的,但是在 network 看不到请求。 所以换了一种写法 ...