随笔分类 - VUE基础知识
摘要：废话不多说，直接搞事搞事。 首先安装axios： 1)：npm install 2)：npm install vue-axios --save 3)：npm install qs.js --save //它的作用是能把json格式的直接转成data所需的格式 安装成功后，在main.js页面引用：
阅读全文
摘要：父子组件的信息传递无碍就是父组件给子组件传值（props和$attrs）和父组件触发子组件的事件（$emit） 之前已经谈过了父组件给子组件传值了，现在来说说父组件触发子组件的自定义事件吧～～ 实际上挺简单： 父组件： 子组件： 核心就是通过$emit来触发自定义事件（不需要注册），并且传值出去
阅读全文
摘要：方法一：main.js 注入 （1）在main.js中写入函数 1 2 3 Vue.prototype.changeData = function (){ alert('执行成功'); } （2）在所有组件里可调用函数 1 this.changeData(); 方法二：单独创建一个 .js 文件，用
阅读全文
摘要：1.动态路由传值 1.配置路由处 { path: '/content/:id', component: Content }, // 动态路由 2.对应页面传值 <router-link :to="/content/+item">{{item}}</router-link> 3.对应页面接值 this
阅读全文
摘要：1.安装，如果你没有在创建项目时候选择的情况下 cnpm install vue-router 2.使用 假设App为根组件，两个自定义组件home及list main.js里操作 app组件 home 效果
阅读全文
摘要：1.父组件给子组件传值 home父组件 header子组件 关键字props home代码 header代码 效果：
阅读全文
摘要：示例图 home代码 app代码 效果： 总结：比较常用的 mounted：用于请求接口渲染数据时候 beforeDestroy：用于页面销毁时，保存页面里的某些数据时候 beforeDestroy：用于页面销毁时，保存页面里的某些数据时候
阅读全文
摘要：1.定义组件 2.在App.vue里引入Home组件 home代码 App代码 效果：
阅读全文
摘要：1.自定义事件 例如v-on:click="run" 或者 @click="run" 效果： 2.自定义事件传值 @click="run('123')" 效果： 3.事件对象@click="run($event)" 效果：
阅读全文
摘要：1.双向数据绑定 <input v-model="msg" /> 页面效果：
阅读全文
摘要：1.绑定属性 v-bind 或者 ： 例如：<img :src="pic_src" /> 2.绑定class <div :class="{'red':active}">111111111111</div> 3.绑定style <div :style="{color:color}">222222222
阅读全文
摘要：1.数据渲染 {{msg}} 2.条件判断 v-if="XXX" 3：列表循环 v-for="(item,index) in list" :key="index" 最终页面效果：
阅读全文
摘要：1.vue init webpack-simple vuedemo02 2.按提示操作 3. 项目目录： ps:可能遇到的问题
阅读全文
摘要：1.先安装nodejs环境https://npm.taobao.org/mirrors/node （选择版本） 下一步 下一步 默认安装就行 2.检查node和npm的是否成功安装node -v npm -v (版本号) 3.安装cnpm npm install -g cnpm --registry
阅读全文
浙公网安备 33010602011771号