vue
vue
^果然好^
这个作者很懒,什么都没留下…
展开
-
vue(1)-安装
目录1.1 npm安装(即安装nodejs)1.2 npm-镜像1.3 VUE安装1.4 新建项目1.5 打包发布1.6 依赖包更新1.7 Yarn 安装1.8 相关组件1.9VS Code 插件1.1 npm安装(即安装nodejs)NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.由于新版的node...原创 2019-05-14 11:39:24 · 164 阅读 · 0 评论 -
vue(13)-Vue中的scoped和scoped穿透
1.什么是scoped在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。2.scoped的实现原理Vue中的scoped属性的效果主要是通过PostCss实现的。以下是转...转载 2019-06-26 10:45:36 · 368 阅读 · 0 评论 -
vue(14)-Vue中的 “:” “.” “@”
“:” 是指令 “v-bind”的缩写<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a>“@”是指令“v-on”的缩写<!-- 完整语法 --><a v-on:click="doSome...转载 2019-06-26 20:36:28 · 309 阅读 · 0 评论 -
vue(15)-ENV-dev和prod
语法process.env.NODE_ENV效果:正式环境:npm run build开发环境:npm run dev解析config/dev.env.js config/prod.env.jspackage.json原创 2019-06-27 10:55:21 · 2386 阅读 · 0 评论 -
vue(18)-文件上传
前端:<template> <div> <el-upload class="upload-demo" drag action="http://localhost:81/upload/" multiple > <i class="el-icon-upload"><...原创 2019-07-02 20:26:13 · 201 阅读 · 0 评论 -
vue(17)-ref
事例代码:<template> <div> <div> ref 有三种用法: <br>1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素。例: <span class="red" >this.$refs.input1.value...原创 2019-06-27 15:46:21 · 93 阅读 · 0 评论 -
vue(16)-第三方常用插件
转自:https://blog.csdn.net/vbirdbest/article/details/86527886转载 2019-06-27 11:34:25 · 308 阅读 · 0 评论 -
vue(19)- 点击事件怎么获取当前点击的元素
vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的在点击的函数中 添加$event 参数就可以。 <path id="黑龙江" @click="dianji($event)" ..... ..... ..... ..... ..... ..... ..... ..... ..... ....原创 2019-07-05 16:51:23 · 9949 阅读 · 0 评论 -
vue(20)- 路由传参数问题
方法多种,现取其一:传入参数:{ path: '/outlink', component: resolve => require(['../components/page/outlink.vue'], resolve), meta: { title: 'outlink' }, props: { ...原创 2019-07-16 14:48:04 · 160 阅读 · 0 评论 -
vue(11)-methods、computed、watch的使用
Computedcomputed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理; computed比较适合对多个变量或者对象进行处理后返回一个结果值,也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化,举例:购物车里面的商品列表和总金额之间的关系,只要商品列表里面的商品数量发...原创 2019-06-14 17:13:12 · 148 阅读 · 0 评论 -
vue(12)-坑的总结
浏览器刷新页面不触发 vue-router 的 beforeEach 钩子的问题 参考:https://blog.csdn.net/weixin_34019144/article/details/86824191 解决办法,在使用 vue-router 模块时,挂载根实例的步骤要放在最后,不然会导致配置不成功。 ...原创 2019-06-19 10:47:51 · 171 阅读 · 0 评论 -
vue(10)-bus
1.npm install vue-bus --save2. main.jsimport VueBus from 'vue-busVue.use(VueBus)3.父组件: this.$bus.emit("tbus", "欧文");子组件:<template> <div>传过来的参数是:{{value}}</d...原创 2019-05-23 18:31:47 · 1175 阅读 · 0 评论 -
vue(2)-学习笔记
目录教程Vue.js 模板语法(v-html)Vue.js 条件(v-if)Vue.js 循环(v-for)Vue.js 样式绑定(v-bind)Vue.js 表单绑定(v-model)Vue.js 事件过滤器(v-on) 教程 https://www.runoob.com/vue2/vue-tutorial.html Vue.js 模板语法(...原创 2019-05-14 19:20:34 · 204 阅读 · 0 评论 -
vue(4)-路由
step.1 如果没有安装,先装: npm install --save vue-router step.2 router/index.js 中用Vue.use()加载插件 // 0. 如果使用模块化机制编程,導入Vue和VueRouter,要调用 Vue.use(VueRouter) step.3 // 1....原创 2019-05-14 20:13:31 · 124 阅读 · 0 评论 -
vue(5)-组件 全局、局部注册、props传值
1、建一个组件2、局部注册并调用3、全局注册并调用在main.js然后再其他地方直接调用原创 2019-05-14 20:54:52 · 698 阅读 · 0 评论 -
vue(6)-vuex
step1npm install --save vuexstep2他的用法与vue-router差不多,main.js中,通过Vue.use(),使用;然后new Vuex.store();然后new Vue(store:store):step3这样在任何组件里,可以通过{{$store.state.city}}来使用同样,在任何组件里可以通过this.$...原创 2019-05-22 13:47:09 · 101 阅读 · 0 评论 -
vue(7)-element-ui
element组件:https://element.eleme.cn/#/zh-CN vant 组件:https://npm.taobao.org/package/vant-weapp安装npm i element-ui -S或者指定版本npm i element-ui@2.0.4main.js引入import Element from '...原创 2019-05-22 16:04:28 · 102 阅读 · 0 评论 -
vscode-git
准备1、先创建git库2、文件夹下ssh连接3、git initgit init 4、连接远程仓库git remote add origin https://git.oschina.net/ccc/Test.git 也可在下面使用时加远程仓库纯代码pull:是下拉代码,相等于将远程的代码下载到你本地,与你本地的代码合并...原创 2019-05-17 17:16:13 · 664 阅读 · 0 评论 -
vue(3)-学习笔记
@和.的区别./这是相对路径的意思。@/这是webpack设置的路径别名。这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。resolve: { // 路径别名 alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.esm.js' '...原创 2019-05-14 19:59:52 · 120 阅读 · 0 评论 -
vue(9)-slot
目录理解使用作用域插槽理解slot(插槽)是对组件的扩展,父组件的内容指定位置传递子组件;这里父组件的内容一般不同于参数传值而是html、div等,参数传值我们一般用props、bus、vuex等。使用父组件: <childSlot> <p slot="header">我是header&...原创 2019-05-23 16:28:35 · 110 阅读 · 0 评论 -
vue(21)- url路由传参数
1、获取问号? 后面的参数 http://localhost:8060/#/computed?iid=fff 获取参数方法 watch: { $route() { let asd = this.$route.query.iid; } }2、获取占位符参数http://192.168.1.12:8...原创 2019-08-19 16:58:13 · 830 阅读 · 0 评论